complete absensi page with absensi json, and created a new page so boss can see attendance

absensi.json

@@ -0,0 +1 @@
+[]

dataset.json

@@ -1 +1 @@
-[{"name": "Naufal", "nik": "1"}]
+[{"name": "Naufal", "nik": "1"}, {"name": "Aran", "nik": "12345"}]

flask_app.py

@@ -2,8 +2,10 @@ from flask import Flask, render_template , request
 import subprocess
 import threading
 import json
+import time
 
 dataset = "dataset.json"
+absensi = "absensi.json"
 
 app = Flask(__name__, static_folder='assets', template_folder='templates')
 
@@ -34,7 +36,55 @@ def run_main2_py():
 
 @app.route('/')
 def home():
-    return render_template('index.html')
+    today_date = time.strftime("%d/%m/%Y")
+    all_data = None
+    len_all_data = 0
+    # open absensi file
+    with open(absensi, 'r') as f:
+        data = json.load(f)
+        len_data = len(data)
+    
+    # if data is not empty
+    if len_data > 0:
+        # get the last data
+        last_data = data[len_data - 1]
+        # check if "date"  is today
+        if last_data['date'] == today_date:
+            # get all the "absensi" data
+            all_data = last_data['absensi']
+            # get the length of the "absensi" data
+            len_all_data = len(all_data)
+            
+        
+    
+
+    return render_template('index.html', data=all_data, length=len_all_data, today_date=today_date)
+
+@app.route('/cek_absensi')
+def cek_absensi():
+    today_date = time.strftime("%d/%m/%Y")
+    all_data = None
+    len_all_data = 0
+    # open absensi file
+    with open(absensi, 'r') as f:
+        data = json.load(f)
+        len_data = len(data)
+    
+    # if data is not empty
+    if len_data > 0:
+        # get the last data
+        last_data = data[len_data - 1]
+        # check if "date"  is today
+        if last_data['date'] == today_date:
+            # get all the "absensi" data
+            all_data = last_data['absensi']
+            # get the length of the "absensi" data
+            len_all_data = len(all_data)
+            
+        
+    
+
+    return render_template('index2.html', data=all_data, length=len_all_data, today_date=today_date)
 
 @app.route('/scan_face')
 def scan_face():

main.py

@@ -5,6 +5,16 @@ import numpy as np
 import math
 import sys
 import time
+import json
+from datetime import datetime
+
+absensi_file = "absensi.json"
+
+today_date = time.strftime("%d/%m/%Y")
+
+# open the dataset file
+with open(absensi_file, 'r') as f:
+    data = json.load(f)
 
 def face_confidence(face_distance, face_match_threshold=0.6):
     range = (1.0 - face_match_threshold)
@@ -49,7 +59,7 @@ class FaceRecognition:
             sys.exit('Video capture is not opened')
 
         no_face_timer = 0
-        no_face_threshold = 2  # Adjust this to your desired timeout in seconds
+        no_face_threshold = 5  # Adjust this to your desired timeout in seconds
 
         while True:
             ret, frame = video_capture.read()
@@ -86,6 +96,118 @@ class FaceRecognition:
                         if float(confidence.split("%")[0]) > 55:
                             name = self.known_face_names[best_match_index]
                             confidence = face_confidence(face_distances[best_match_index])
+
+
+                            time_now = time.strftime("%H:%M:%S")
+                            current_time = datetime.strptime(time.strftime("%H:%M:%S"), "%H:%M:%S")
+
+                            print('this is the time now: ', time_now)
+                            print('this is the current time: ', current_time)
+
+                            compare_time = datetime.strptime("12:00:00", "%H:%M:%S")
+
+                            print('this is the compare time: ', compare_time)
+
+                            # check the last data to see if today's date is already there
+                            if len(data) > 0:
+                                last_data = data[-1]
+                            else:
+                                last_data = None    
+
+                            if last_data:
+                                if last_data["date"] == today_date:
+                                    # loop through the "absensi" key to see if the name is already there
+                                    data_absensi = last_data["absensi"]
+                                    name_found = False
+
+                                    for absensi in data_absensi:
+                                        if absensi["name"] == name:
+                                            name_found = True
+                                            break
+                                    
+                                    if not name_found:
+                                        # add new data
+                                        # if time_now > "12:00:00": then add the "jam_keluar" key
+                                        
+                                        if current_time > compare_time:
+                                            data_absensi.append({
+                                                "name": name,
+                                                "jam_masuk": time_now,
+                                                "jam_keluar": time_now,
+                                            }) 
+                                        else:
+                                            data_absensi.append({
+                                                "name": name,
+                                                "jam_masuk": time_now,
+                                            })
+                                        
+                                    
+                                    # else update the data and change the "jam_keluar" key
+                                    else:
+                                        for absensi in data_absensi:
+                                            if absensi["name"] == name:
+                                                 
+                                                if current_time > compare_time:
+                                                    absensi["jam_keluar"] = time_now
+                                                # else do nothing
+                                                else:
+                                                    pass
+
+                                        
+                                                break
+
+                                else:
+                                    # create new data
+                                    if current_time > compare_time:
+                                        data.append({
+                                            "date": today_date,
+                                            "absensi": [
+                                                {
+                                                    "name": name,
+                                                    "jam_masuk": time_now,
+                                                    "jam_keluar": time_now,
+                                                }
+                                            ]
+                                        })
+                                    else:
+                                        data.append({
+                                            "date": today_date,
+                                            "absensi": [
+                                                {
+                                                    "name": name,
+                                                    "jam_masuk": time_now,
+                                                }
+                                            ]
+                                        })
+                            else:
+                                # create new data
+                                if current_time > compare_time:
+                                    data.append({
+                                        "date": today_date,
+                                        "absensi": [
+                                            {
+                                                "name": name,
+                                                "jam_masuk": time_now,
+                                                "jam_keluar": time_now,
+                                            }
+                                        ]
+                                    })
+                                else:
+                                    data.append({
+                                        "date": today_date,
+                                        "absensi": [
+                                            {
+                                                "name": name,
+                                                "jam_masuk": time_now,
+                                            }
+                                        ]
+                                    })
+
+                                
+                            # write the data to the file
+                            with open(absensi_file, 'w') as f:
+                                json.dump(data, f, indent=4)
+
                         else:
                             name = "Unknown"
                             confidence = 'Unknown'

templates/index.html

@@ -24,6 +24,8 @@
 
 	<!-- Color Picker -->
 	<link rel="stylesheet" href="assets/color-switcher/color-switcher.min.css">
+	<link rel="stylesheet" href="assets/plugin/datatables/media/css/dataTables.bootstrap.min.css">
+	<link rel="stylesheet" href="assets/plugin/datatables/extensions/Responsive/css/responsive.bootstrap.min.css">
 </head>
 
 <body>
@@ -51,15 +53,17 @@
 		<div class="main-content container">
 			<div class="row small-spacing">
 				<div class="col-lg-4 col-md-4 col-xs-6">
-					<div class="box-content bg-success text-white" style="background :grey;cursor: pointer;" onclick="goto('home')">
+					<div class="box-content bg-success text-white" style="background :grey;cursor: pointer;"
+						onclick="goto('home')">
 						<h4 class="box-title">Halaman Utama</h4>
 
 					</div>
 					<!-- /.box-content -->
 				</div>
 				<div class="col-lg-4 col-md-4 col-xs-6">
-					<div class="box-content bg-info text-white" style="background :grey;cursor: pointer" onclick="goto('tambah_karyawan')"">
+					<div class="box-content bg-info text-white" style="background :grey;cursor: pointer"
-						<h4 class="box-title">Tambah Data Karyawan</h4>
+						onclick="goto('tambah_karyawan')"">
+						<h4 class=" box-title">Tambah Data Karyawan</h4>
 
 					</div>
 					<!-- /.box-content -->
@@ -67,7 +71,57 @@
 			</div>
 			<!-- create a button on center of this -->
 			<div class="row small-spacing text-center">
-				<a href="{{url_for('scan_face')}}" class="btn btn-primary btn-bordered waves-effect waves-light">Lakukan Absensi</a>
+				<a href="{{url_for('scan_face')}}" class="btn btn-primary btn-bordered waves-effect waves-light">Lakukan
+					Absensi</a>
+			</div>
+			<br><br>
+			<div class="row small-spacing">
+				<div class="col-xs-2 col-md-2"></div>
+				<div class="col-xs-8 col-md-8">
+					<div class="box-content card">
+						<h4 class="box-title">Tanggal : {{today_date}}</h4>
+						<div class="card-content">
+							<table id="example" class="table table-striped table-bordered display" style="width:100%">
+								<thead>
+									<tr>
+										<td><b>Nama</b></td>
+										<td><b>Jam Masuk</b></td>
+										<td><b>Jam Keluar</b></td>
+
+									</tr>
+								</thead>
+								<tbody>
+									{%if data %}
+
+									{% for i in range(0, length) %}
+
+									<tr>
+										<td>{{data[i]['name']}}</td>
+										<!-- if jam keluar doesn't exist , then show "-" -->
+										{% if data[i]['jam_keluar'] %}
+										<td>{{data[i]['jam_masuk']}}</td>
+										<td>{{data[i]['jam_keluar']}}</td>
+										{% else %}
+										<td>{{data[i]['jam_masuk']}}</td>
+										<td>-</td>
+										{% endif %}
+									</tr>
+									{% endfor %}
+									{% else %}
+									<tr>
+										<td colspan="3" class="text-center">Tidak ada data</td>
+									</tr>
+									{% endif %}
+								</tbody>
+							</table>
+
+						</div>
+					</div>
+				</div>
+				<div class="col-xs-2 col-md-2"></div>
+
+
+
 			</div>
 
 
@@ -100,6 +154,10 @@
 	<!-- Full Screen Plugin -->
 	<script src="assets/plugin/fullscreen/jquery.fullscreen-min.js"></script>
 
+	<!-- Data Tables -->
+	<script src="assets/plugin/datatables/media/js/jquery.dataTables.min.js"></script>
+	<script src="assets/plugin/datatables/media/js/dataTables.bootstrap.min.js"></script>
+
 	<script src="assets/scripts/main.min.js"></script>
 	<script>
 		function goto(stat) {

templates/index2.html

@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+	<meta name="description" content="">
+	<meta name="author" content="">
+
+	<title>Sistem Absensi - Halaman Utama</title>
+
+	<!-- Main Styles -->
+	<link rel="stylesheet" href="assets/styles/style-horizontal.min.css">
+
+	<!-- mCustomScrollbar -->
+	<link rel="stylesheet" href="assets/plugin/mCustomScrollbar/jquery.mCustomScrollbar.min.css">
+
+	<!-- Waves Effect -->
+	<link rel="stylesheet" href="assets/plugin/waves/waves.min.css">
+
+	<!-- Sweet Alert -->
+	<link rel="stylesheet" href="assets/plugin/sweet-alert/sweetalert.css">
+
+	<!-- Color Picker -->
+	<link rel="stylesheet" href="assets/color-switcher/color-switcher.min.css">
+	<link rel="stylesheet" href="assets/plugin/datatables/media/css/dataTables.bootstrap.min.css">
+	<link rel="stylesheet" href="assets/plugin/datatables/extensions/Responsive/css/responsive.bootstrap.min.css">
+</head>
+
+<body>
+	<header class="fixed-header">
+		<div class="header-top">
+			<div class="container">
+				<div class="pull-left">
+					<a href="" class="logo">Sistem Absensi</a>
+				</div>
+				<!-- /.pull-left -->
+
+				<!-- /.pull-right -->
+			</div>
+			<!-- /.container -->
+		</div>
+		<!-- /.header-top -->
+
+		<!-- /.nav-horizontal -->
+	</header>
+	<!-- /.fixed-header -->
+
+
+
+	<div id="wrapper">
+		<div class="main-content container">
+			
+			<div class="row small-spacing">
+				<div class="col-xs-2 col-md-2"></div>
+				<div class="col-xs-8 col-md-8">
+					<div class="box-content card">
+						<h4 class="box-title">Tanggal : {{today_date}}</h4>
+						<div class="card-content">
+							<table id="example" class="table table-striped table-bordered display" style="width:100%">
+								<thead>
+									<tr>
+										<td><b>Nama</b></td>
+										<td><b>Jam Masuk</b></td>
+										<td><b>Jam Keluar</b></td>
+
+									</tr>
+								</thead>
+								<tbody>
+									{%if data %}
+
+									{% for i in range(0, length) %}
+
+									<tr>
+										<td>{{data[i]['name']}}</td>
+										<!-- if jam keluar doesn't exist , then show "-" -->
+										{% if data[i]['jam_keluar'] %}
+										<td>{{data[i]['jam_masuk']}}</td>
+										<td>{{data[i]['jam_keluar']}}</td>
+										{% else %}
+										<td>{{data[i]['jam_masuk']}}</td>
+										<td>-</td>
+										{% endif %}
+									</tr>
+									{% endfor %}
+									{% else %}
+									<tr>
+										<td colspan="3" class="text-center">Tidak ada data</td>
+									</tr>
+									{% endif %}
+								</tbody>
+							</table>
+
+						</div>
+					</div>
+				</div>
+				<div class="col-xs-2 col-md-2"></div>
+
+
+
+			</div>
+
+
+			<footer class="footer">
+				<ul class="list-inline">
+					<li>2023 © Naufal.</li>
+					<!-- <li><a href="#">Privacy</a></li>
+				<li><a href="#">Terms</a></li>
+				<li><a href="#">Help</a></li> -->
+				</ul>
+			</footer>
+		</div>
+		<!-- /.main-content -->
+	</div><!--/#wrapper -->
+	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+	<!--[if lt IE 9]>
+		<script src="assets/script/html5shiv.min.js"></script>
+		<script src="assets/script/respond.min.js"></script>
+	<![endif]-->
+	<!-- 
+	================================================== -->
+	<!-- Placed at the end of the document so the pages load faster -->
+	<script src="assets/scripts/jquery.min.js"></script>
+	<script src="assets/scripts/modernizr.min.js"></script>
+	<script src="assets/plugin/bootstrap/js/bootstrap.min.js"></script>
+	<script src="assets/plugin/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
+	<script src="assets/plugin/nprogress/nprogress.js"></script>
+	<script src="assets/plugin/sweet-alert/sweetalert.min.js"></script>
+	<script src="assets/plugin/waves/waves.min.js"></script>
+	<!-- Full Screen Plugin -->
+	<script src="assets/plugin/fullscreen/jquery.fullscreen-min.js"></script>
+
+	<!-- Data Tables -->
+	<script src="assets/plugin/datatables/media/js/jquery.dataTables.min.js"></script>
+	<script src="assets/plugin/datatables/media/js/dataTables.bootstrap.min.js"></script>
+
+	<script src="assets/scripts/main.min.js"></script>
+	<script>
+		function goto(stat) {
+			if (stat == 'home') {
+				window.location.href = "{{url_for('home')}}";
+			} else if (stat == 'tambah_karyawan') {
+				window.location.href = "{{url_for('tambah_karyawan')}}";
+			}
+		}
+	</script>
+
+</body>
+
+</html>