Kebutuhan Data

users
id_user
nama
foto
username
password

siswa laporan
id id
kode_siswa siswa_id
nama_siswa tanggal
nisn hari
jenis_kelamin waktu_masuk
alamat waktu_pulan
telepon g
tempat_lahir keterangan
tanggal_lahir
email
asal_sekolah
angkatan
waktu
id
jadwal hari
id waktu_masuk
tanggal waktu_pulan
keterangan g

Table Users

Field Tipe Data

id_user (primary key) int(11)
nama varchar(40)
foto blob
username varchar(10)
password varchar(10)
Table Siswa

Field Tipe Data

id (primary key) int(11)
kode_siswa varchar(5)
nama_siswa varchar(40)
nisn varchar(11)
jenis_kelamin bolean
alamat varchar(40)
telepon varchar(13)
tempat_lahir varchar(30)
tanggal_lahir date
email varchar(40)
asal_sekolah varchar(30)
angkatan varchar(15)

Table Laporan

Field Tipe Data

id (primary key) int(11)
siswa_id int(11)
tanggal date
hari varchar(10)
waktu_masuk time
waktu_pulang time
keterangan varchar(10)

Table Jadwal

Field Tipe Data

id (primary key) int(11)
tanggal date
keterangan varchar(10)

Table Waktu

Field Tipe Data

id (primary key) int(11)
hari varchar(10)
waktu_masuk time
waktu_pulang time
 Desain Tampilan

Halaman Login

Username :

Password :
Masuk

Gambar 1.0 Halaman Login

APLIKASI ABSENSI

Edit Chart XII RPL A

6

+ Dashboard 5
+ Data Siswa
+ Jadwal 4
+ Waktu
3
+ Laporan
+ Logout 2

0
Category 1 Category 2 Category 3 Category 4

Series 1 Series 2 Series 3

Gambar 1.1 Halaman Dashboard

 APLIKASI ABSENSI

Data Siswa
Edit

Tambah Siswa Cetak Kartu

+ Dashboard
+ Data Siswa No Kode Siswa Nama Siswa Alamat Action
+ Jadwal 1 wa001 Dava Metro ubah hapus detail

+ Waktu 2 wa002 Fikri Metro ubah hapus detail

3 wa003 Vico Metro ubah hapus detail
+ Laporan
4 wa004 Iqbal Metro ubah hapus detail
+ Logout
5 wa005 Aldo Metro ubah hapus detail
6 wa006 Wulan Metro ubah hapus detail
7 wa007 Riswan Metro ubah hapus detail
8 wa008 Devon Metro ubah hapus detail
9 wa009 Surya Metro ubah hapus detail
10 wa0010 Zidane Metro ubah hapus detail

Gambar 1.2 Halaman Data Siswa

 APLIKASI ABSENSI

Edit
Tambah Data Siswa

Kode Siswa :
+ Dashboard
Nama Siswa :
+ Data Siswa
+ Jadwal NISN :
+ Waktu
+ Laporan Jenis Kelamin :
+ Logout
Alamat :

Telepon :

Tempat Lahir :

Tanggal Lahir :

Email :

Asal Sekolah :

Angkatan :

Simpan

Gambar 1.3 Halaman Tambah Data Siswa

 Cetak Kartu Siswa

PRAKTIK KERJA PRAKTIK KERJA PRAKTIK KERJA

INDUSTRITAHUN 2022 INDUSTRITAHUN 2022 INDUSTRITAHUN 2022

Vico Diantoro Vico Diantoro Vico Diantoro

SMK NEGERI 3 METRO SMK NEGERI 3 METRO SMK NEGERI 3 METRO

PRAKTIK KERJA PRAKTIK KERJA PRAKTIK KERJA

INDUSTRITAHUN 2022 INDUSTRITAHUN 2022 INDUSTRITAHUN 2022

Vico Diantoro Vico Diantoro Vico Diantoro

SMK NEGERI 3 METRO SMK NEGERI 3 METRO SMK NEGERI 3 METRO

PRAKTIK KERJA PRAKTIK KERJA PRAKTIK KERJA

INDUSTRITAHUN 2022 INDUSTRITAHUN 2022 INDUSTRITAHUN 2022

Vico Diantoro Vico Diantoro Vico Diantoro

SMK NEGERI 3 METRO SMK NEGERI 3 METRO SMK NEGERI 3 METRO

Gambar 1.4 Cetak Kartu Siswa

 APLIKASI ABSENSI

Edit
Ubah Data Siswa

Kode Siswa : wa001

+ Dashboard
Nama Siswa : Dava Ariel Maulana
+ Data Siswa
+ Jadwal NISN : 1011375260
+ Waktu
+ Laporan Jenis Kelamin : Laki-laki
+ Logout
Alamat : Metro

Telepon : 089527506671

Tempat Lahir : Metro

Tanggal Lahir : 20-10-2005

Email : dava@example.com

Asal Sekolah : SMK Negeri 3 Metro

Angkatan : 2023

Ubah

Gambar 1.5 Halaman Ubah Data Siswa

 APLIKASI ABSENSI

Detail Data Siswa

Edit
No : 1
+ Dashboard Kode Siswa : wa001
+ Data Siswa Nama Siswa : Dava Ariel Maulana
+ Jadwal NISN : 1011375260
+ Waktu Jenis Kelamin : Laki-laki
+ Laporan Alamat : Metro
+ Logout Telepon : 089527506671
Tempat Lahir : Metro
Tanggal Lahir : 20-10-2005
Email : dava@example.com
Asal Sekolah : SMK Negeri 3 Metro
Angkatan : 2023

Gambar 1.6 Halaman Detail Data Siswa

APLIKASI ABSENSI

Data Jadwal
Edit

Tambah Jadwal
+ Dashboard
+ Data Siswa No Tanggal Keterangan Action
+ Jadwal 1 17-08-2022 Hari Kemerdekaan uba hapus
h
+ Waktu 2 25-12-2022 Hari Natal uba hapus
+ Laporan h
+ Logout 3 23-03-2023 Puasa Ramadhan uba hapus
h
4 22-04-2023 Hari Raya Idul Fitri uba hapus
h
5 06-05-2023 Hari Waisak uba hapus
h
6 18-05-2023 Kenaikan Isa Almasih uba hapus
h
7 01-06-2023 Hari Lahir Pancasila uba hapus
h
8 29-06-2023 Hari Raya Idul Adha uba hapus
h
9 19-07-2023 Tahun Baru Islam uba hapus
h
10 27-09-2023 Maulid Nabi Muhammad SAW. uba hapus
 h
Gambar 1.7 Halaman Data Jadwal
 APLIKASI ABSENSI

Edit
Tambah Jadwal

Tanggal :
+ Dashboard
Keterangan :
+ Data Siswa
+ Jadwal
+ Waktu
+ Laporan Simpan
+ Logout

Gambar 1.8 Halaman Tambah Jadwal

APLIKASI ABSENSI

Edit
Ubah Jadwal

Tanggal : 17-08-2022
+ Dashboard
Keterangan : Hari Kemerdekaan
+ Data Siswa
+ Jadwal
+ Waktu
+ Laporan Ubah
+ Logout

Gambar 1.9 Halaman Ubah Jadwal

 APLIKASI ABSENSI

Data Waktu
Edit

No Hari Waktu Masuk Waktu Pulang Action

+ Dashboard 1 Senin 08:30 15:00 setting
2 Selasa 08:30 15:00 setting
+ Data Siswa
3 Rabu 08:30 15:00 setting
+ Jadwal
4 Kamis 08:30 15:00 setting
+ Waktu
5 Jumat 08:30 15:00 setting
+ Laporan
+ Logout

Gambar 2.0 Halaman Data Waktu

APLIKASI ABSENSI

Edit
Ubah Waktu

Hari : Senin
+ Dashboard
Waktu Masuk : 08:30
+ Data Siswa
+ Jadwal Waktu Pulang 15:30
+ Waktu :
+ Laporan
+ Logout Ubah

Gambar 2.1 Halaman Ubah Waktu

 APLIKASI ABSENSI

Data Laporan
Edit
Dari s/d Cari Cetak Ekspor
+ Dashboard
No Nama Siswa Tanggal Hari Waktu Masuk Waktu Pulang Keterangan
+ Data Siswa
1 Dava 12-09-2022 Senin 08:17 15:00 Hadir
+ Jadwal
2 Fikri 12-09-2022 Senin 08:11 15:00 Hadir
+ Waktu
3 Vico 12-09-2022 Senin 08:05 15:00 Hadir
+ Laporan
4 Iqbal 12-09-2022 Senin 08:25 15:00 Hadir
+ Logout 5 Aldo 12-09-2022 Senin Dispen
6 Wulan 12-09-2022 Senin Dispen
7 Riswan 12-09-2022 Senin Dispen
8 Devon 12-09-2022 Senin 08:26 15:00 Hadir
9 Surya 12-09-2022 Senin 08:12 15:00 Hadir
10 Zidane 12-09-2022 Senin Dispen

Gambar 2.2 Halaman Data Laporan

Cetak Data Laporan

No Nama Siswa Tanggal Hari Waktu Masuk Waktu Pulang Keterangan

1 Dava 12-09-2022 Senin 08:17 15:00 Hadir
2 Fikri 12-09-2022 Senin 08:11 15:00 Hadir
3 Vico 12-09-2022 Senin 08:05 15:00 Hadir
4 Iqbal 12-09-2022 Senin 08:25 15:00 Hadir
5 Aldo 12-09-2022 Senin Dispen
6 Wulan 12-09-2022 Senin Dispen
7 Riswan 12-09-2022 Senin Dispen
8 Devon 12-09-2022 Senin 08:26 15:00 Hadir
9 Surya 12-09-2022 Senin 08:12 15:00 Hadir
10 Zidane 12-09-2022 Senin Dispen

Gambar 2.3 Cetak Data Laporan

 APLIKASI ABSENSI

Edit

+ Dashboard ADMIN
+ Data Siswa Halaman Update Profil Admin
+ Jadwal
+ Waktu Username : admin
+ Laporan Password : admin
+ Logout

Edit

Gambar 2.4 Profil

APLIKASI ABSENSI

Edit

+ Dashboard ADMIN
+ Data Siswa Halaman Update Profil Admin
+ Jadwal
+ Waktu Username :
+ Laporan admin
+ Logout
Password :

Profil :

Simpan

Gambar 2.5 Edit Profil

 Flowchart

Gambar 2.6 Flowchart Siswa

Gambar 2.7 Flowchart Jadwal

Gambar 2.8 Flowchart Admin Login

Gambar 2.9 Flowchart Waktu