![Page 1: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/1.jpg)
36
BAB IV
PERANCANGAN SISTEM USULAN
4.1 Tahapan Perancangan Sistem
4.1.1 Analisis Kebutuhan
Analisis kebutuhan dalam proses Absensi Kepegawaian pada SMP PGRI
283 Mulyaharja, Antara Lain :
A. Kebutuhan Pegawai
Dalam proses absensi kepegawaian terdapat tiga pengguna yang dapat
saling berinteraksi Yaitu Bagian Pegawai (Guru dan Tata Usaha), Admin
dan Kepala Sekolah. Ketiga pengguna tersebut memiliki karakteristik
interaksi dengan sistem yang berbeda-beda dan memiliki kebutuhan
informasi yang berbeda-beda, seperti berikut:
1. Bagian Pegawai
a. Melakukan absensi setiap hari kerja
b. Menulis agenda harian
c. Melihat berita kegiatan sekolah
2. Bagian Admin
a. Merekap data absensi per tiga bulan
b. Membuat berita kegiatan sekolah
c. Menambah data pegawai
d. Mengubah data pegawai
e. Menghapus data pegawai
![Page 2: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/2.jpg)
37
3. Bagian Kepala Sekolah
a. Melakukan absensi setiap hari kerja
b. Melihat data absensi para pegawai
c. Melihat data para pegawai
d. Menulis agenda harian
e. Melihat berita kegiatan sekolah
B. Kebutuhan Sistem
Kebutuhan sistem pada perancangan ini terbagi menjadi kebutuhan
pengguna :
1. Kebutuhan Pegawai
a. Bagian pegawai diharuskan login untuk melakukan absensi pada
halaman web yang telah disediakan.
b. Pada halaman web pegawai dapat melihat berita mengenai kegiatan
yang akan dilaksanakan di sekolah, jumlah hadir, jumlah izin,
jumlah sakit, jumlah alpa, jumlah jam terlambat, data pegawai
masing-masing, tugas pegawai dan menulis agenda.
c. Bagian pegawai dapat melakukan izin apabila berhalangan hadir
dengan cara menghubungi bagian admin.
2. Kebutuhan Admin
a. Admin diharuskan login untuk mengakses kedalam halaman
admin.
b. Admin dapat melihat dan melakukan rekap absensi harian dan
bulanan pegawai.
![Page 3: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/3.jpg)
38
c. Admin dapat melihat, mengubah dan menambahkan data pegawai.
d. Admin dapat mengirimkan berita terbaru tentang kegiatan yang
akan dilaksanakan di sekolah kepada pegawai.
3. Kebutuhan Kepala Sekolah
a. Bagian kepala sekolah diharuskan login untuk melakukan absensi
pada halaman web yang telah disediakan.
b. Kepala sekolah dapat melihat data para pegawai dan dapat melihat
data absensi para pegawai.
c. Kepala sekolah mempunyai kewajiban untuk acc rekap absensi per
tiga bulan.
d. Kepala sekolah dapat melakukan izin apabila berhalangan hadir
dengan cara menghubungi bagian admin.
![Page 4: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/4.jpg)
39
4.1.2 Rancangan Diagram Use case Pegawai
1. Bagian Pegawai
Gambar IV.5
Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283
Mulyaharja Bogor
Pegawai
Melaukakan Absensi
Login
Melihat Rekap Absen
Menulis Agenda
Melakukan Rekap Absen
Tambah Ubah dan
hapus Data Pegawai
Melihat Data Pegawai
Tambah Berita
Melihat Berita
![Page 5: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/5.jpg)
40
2. Bagian Admin
Gambar IV.6
Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283
Mulyaharja Bogor
Admin
Melaukakan Absensi
Login
Melihat Rekap Absen
Menulis Agenda
Melakukan Rekap Absen
Tambah Ubah dan
hapus Data Pegawai
Melihat Data Pegawai
Tambah Berita
Melihat Berita
![Page 6: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/6.jpg)
41
3. Bagian Kepala Sekolah
Gambar IV.7
Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283
Mulyaharja Bogor
Kepala Sekolah
Melaukakan Absensi
Login
Melihat Rekap Absen
Menulis Agenda
Melakukan Rekap Absen
Tambah Ubah dan
hapus Data Pegawai
Melihat Data Pegawai
Tambah Berita
Melihat Berita
![Page 7: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/7.jpg)
42
4.1.3 Rancangan Diagram Aktifitas
1. Bagian Guru / TU
Gambar IV.8
Activity Diagram Sistem Usulan Bagian Pegawai Absensi Kepegawaian pada
SMP PGRI 283 Mulyaharja Bogor
Melakukan Login
Masukan Username
Dan Password
Menampilkan pesan
username atau pasword
salah
Benar
Salah
Tampil Menu Utama
Beranda
Absensi Agenda
Berita
Tugas
Mulai
Selesai
Rekap Absen
Data Pegawai
Keluar
![Page 8: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/8.jpg)
43
2. Bagian Admin
Gambar IV.9
Activity Diagram Sistem Usulan Bagian Admin Absensi Kepegawaian
pada SMP PGRI 283 Mulyaharja Bogor
Melakukan Login
Masukan Username
Dan Password
Menampilkan pesan usernae
atau pasword salah
Benar
Salah
Tampil Menu Utama
Mulai
Beranda
Absensi
Keluar
Data Pegawai
Tugas Rekap Absensi
Berita
![Page 9: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/9.jpg)
44
3. Bagian Kepala Sekolah
Gambar IV.10
Activity Diagram Sistem Usulan Bagian Pegawai Absensi Kepegawaian pada
SMP PGRI 283 Mulyaharja Bogor
Melakukan Login
Masukan Username
Dan Password
Menampilkan pesan
username atau pasword
salah
Benar
Salah
Tampil Menu Utama
Beranda
Absensi Agenda
Berita
Tugas
Mulai
Selesai
Rekap Absen
Data Pegawai
Keluar
![Page 10: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/10.jpg)
45
4.1.4 Rancangan Dokumen Sistem Usulan
1. Nama Dokumen Masukan : Absensi
Fungsi : Untuk melakukan absen
Sumber : Admin
Tujuan : Pegawai
Media : Komputer
Jumlah : 1 halaman web
Frekuensi : Setiap hari kerja
Bentuk : Lampiran C.1
2. Nama Dokumen Masukan : Pegawai
Fungsi : Untuk menambahkan pegawai baru
Sumber : Admin
Tujuan : Pegawai
Media : Komputer
Jumlah : 1 Halaman web
Frekuensi : Setiap ada pegawai baru
Bentuk : Lampiran C.2
3. Nama Dokumen Masukan : Berita
Fungsi : Untuk menambahkan baru
Sumber : Admin
Tujuan : Pegawai
Media : Komputer
![Page 11: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/11.jpg)
46
Jumlah : 1 Halaman web
Frekuensi : Setiap ada berita baru
Bentuk : Lampiran C.3
4. Nama Dokumen Masukan : Agenda
Fungsi : Untuk menambahkan agenda baru
Sumber : Pegawai
Tujuan : Pegawai
Media : Komputer
Jumlah : 1 Halaman web
Frekuensi : Setiap ada agenda baru
Bentuk : Lampiran C.4
3. Nama Dokumen Keluaran : Rekapitulasi Absen
Fungsi : Untuk merekap absen
Sumber : Tata Usaha
Tujuan : Kepala Sekolah
Media : Komputer
Jumlah : 1 Halaman web
Frekuensi : Setiap tiga bulan sekali
Bentuk : Lampiran D.1
![Page 12: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/12.jpg)
47
4.1.5 Rancangan Prototype
1. Tampilan Menu Utama Pegawai
Gambar IV.11
Rancangan Prototype Menu Utama Pegawai Absensi Kepegawaian pada SMP
PGRI 283 Mulyaharja Bogor
![Page 13: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/13.jpg)
48
2. Tampilan Menu Absensi Pegawai
Gambar IV.12
Rancangan Prototype Menu Absensi Pegawai Absensi Kepegawaian pada
SMP PGRI 283 Mulyaharja Bogor
3. Tampilan Menu Tugas Pegawai
Gambar IV.13
Rancangan Prototype Menu Tugas Pegawai Absensi Kepegawaian pada SMP
PGRI 283 Mulyaharja Bogor
![Page 14: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/14.jpg)
49
4. Tampilan Menu Rekap Absen Pegawai
Gambar IV.14
Rancangan Prototype Menu Rekap Absen Pegawai Absensi Kepegawaian
pada SMP PGRI 283 Mulyaharja Bogor
5. Tampilan Menu Data Pegawai
Gambar IV.15
Rancangan Prototype Menu Data Pegawai Absensi Kepegawaian pada SMP
PGRI 283 Mulyaharja Bogor
![Page 15: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/15.jpg)
50
6. Tampilan Menu Agenda Pegawai
Gambar IV.16
Rancangan Prototype Menu Agenda Pegawai Absensi Kepegawaian pada
SMP PGRI 283 Mulyaharja Bogor
7. Tampilan Lihat Agenda Pegawai
Gambar IV.17
Rancangan Prototype Menu Lihat Agenda Pegawai Absensi Kepegawaian
pada SMP PGRI 283 Mulyaharja Bogor
![Page 16: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/16.jpg)
51
8. Tampilan Menu Berita Pegawai
Gambar IV.18
Rancangan Prototype Menu Berita Pegawai Absensi Kepegawaian pada SMP
PGRI 283 Mulyaharja Bogor
9. Tampilan Menu Utama Admin
Gambar IV.19
Rancangan Prototype Menu Utama Admin Kepegawaian pada SMP PGRI
283 Mulyaharja Bogor
![Page 17: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/17.jpg)
52
10. Tampilan Menu Rekap Absensi Harian Admin
Gambar IV.20
Rancangan Prototype Menu Rekap Absen Harian Admin Absensi
Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor
11. Tampilan Menu Rekap Absensi Bulanan Admin
Gambar IV.21
Rancangan Prototype Menu Rekap Absen Bulanan Admin Absensi
Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor
![Page 18: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/18.jpg)
53
12. Tampilan Menu Rekap Absensi Keseluruhan Admin
Gambar IV.22
Rancangan Prototype Menu Rekap Absen Keseluruhan Admin Absensi
Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor
13. Tampilan Menu Pegawai Admin
Gambar IV.23
Rancangan Prototype Menu Data Pegawai Admin Absensi Kepegawaian pada
SMP PGRI 283 Mulyaharja Bogor
![Page 19: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/19.jpg)
54
14. Tampilan Menu Lihat Pegawai Admin
Gambar IV.24
Rancangan Prototype Menu Lihat Data Pegawai Admin Absensi
Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor
15. Tampilan Menu Ubah Pegawai Admin
Gambar IV.25
Rancangan Prototype Menu Ubah Data Pegawai Admin Absensi
Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor
![Page 20: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/20.jpg)
55
16. Tampilan Tambah Data Pegawai Admin
Gambar IV.26
Rancangan Prototype Menu Tambah Data Pegawai Admin Absensi
Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor
17. Tampilan Tugas Pegawai Admin
Gambar IV.27
Rancangan Prototype Menu Tugas Pegawai Admin Absensi Kepegawaian
pada SMP PGRI 283 Mulyaharja Bogor
![Page 21: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/21.jpg)
56
18. Tampilan Tambah Tugas Pegawai Admin
Gambar IV.28
Rancangan Prototype Menu Tambah Tugas Pegawai Admin Absensi
Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor
19. Tampilan Ubah Tugas Pegawai Admin
Gambar IV.29
Rancangan Prototype Menu Ubah Tugas Pegawai Admin Absensi
Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor
![Page 22: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/22.jpg)
57
20. Tampilan Berita Pegawai Admin
Gambar IV.30
Rancangan Prototype Menu Berita Pegawai Admin Absensi Kepegawaian
pada SMP PGRI 283 Mulyaharja Bogor
21. Tampilan Tambah Berita Pegawai Admin
Gambar IV.31
Rancangan Prototype Menu Tambah Berita Pegawai Admin Absensi
Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor
![Page 23: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/23.jpg)
58
22. Tampilan Ubah Berita Pegawai Admin
Gambar IV.32
Rancangan Prototype Menu Ubah Berita Pegawai Admin Absensi
Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor
23. Tampilan Masuk Pegawai, Admin dan Kepala Sekolah
Gambar IV.33
Rancangan Prototype Menu Masuk Pegawai, Admin dan Kepala Sekolah
Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor
![Page 24: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/24.jpg)
59
24. Tampilan Menu Utama Kepala Sekolah
Gambar IV.34
Rancangan Prototype Menu Utama Absensi Kepegawaian pada SMP PGRI
283 Mulyaharja Bogor
![Page 25: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/25.jpg)
60
25. Tampilan Menu Absensi Kepala Sekolah
Gambar IV.35
Rancangan Prototype Menu Absen Absensi Kepegawaian pada SMP PGRI
283 Mulyaharja Bogor
26. Tampilan Menu Tugas Kepala Sekolah
Gambar IV.36
Rancangan Prototype Menu Tugas Absensi Kepegawaian pada SMP PGRI
283 Mulyaharja Bogor
![Page 26: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/26.jpg)
61
27. Tampilan Menu Rekap Absen Kepala Sekolah
Gambar IV.37
Rancangan Prototype Menu Rekap Absen Absensi Kepegawaian pada SMP
PGRI 283 Mulyaharja Bogor
28. Tampilan Menu Rekap Absen Keseluruhan Kepala Sekolah
Gambar IV.38
Rancangan Prototype Menu Rekap Absen Keseluruhan Absensi
Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor
![Page 27: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/27.jpg)
62
29. Tampilan Menu Data Pegawai Kepala Sekolah
Gambar IV.39
Rancangan Prototype Data Pegawai Absensi Kepegawaian pada SMP PGRI
283 Mulyaharja Bogor
30. Tampilan Menu Agenda Pegawai Kepala Sekolah
Gambar IV.40
Rancangan Prototype Menu Agenda Absensi Kepegawaian pada SMP PGRI
283 Mulyaharja Bogor
![Page 28: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/28.jpg)
63
31. Tampilan Menu Lihat Agenda Pegawai Kepala Sekolah
Gambar IV.41
Rancangan Prototype Menu Lihat Agenda Absensi Kepegawaian pada SMP
PGRI 283 Mulyaharja Bogor
32. Tampilan Menu Berita Pegawai Kepala Sekolah
Gambar IV.42
Rancangan Prototype Berita Absensi Kepegawaian pada SMP PGRI 283
Mulyaharja Bogor
![Page 29: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/29.jpg)
64
4.2 Perancangan Perangkat Lunak
4.2.1 Entity Relationship Diagram (ERD)
Gambar IV.43
Entity Relationship Diagram (ERD) Absensi Kepegawaian pada SMP PGRI
283 Mulyaharja Bogor
4.2.2 Logical Record Structure (LRS)
Gambar IV.44
Logical Record Structure (LRS) Absensi Kepegawaian pada SMP PGRI 283
Mulyaharja Bogor
![Page 30: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/30.jpg)
65
4.2.3 Spesifikasi File
1. Spesifikasi File Pegawai
Nama File : Pegawai
Akronim : Pegawai
Fungsi : Untuk memasukan data pegawai
Tipe File : File Master
Organisasi File : Index Sequential
Media : Random
Panjang Record : 287 Karakter
Kunci Field : idpegawai
Software : MySQL
Tabel IV.2
Spesifikasi File Bagian Pegawai
No. Elemen Nama Field Tipe Size Keterangan
1 Id Pegawai Idpegawai Varchar 5 Primary Key
2 Id Berita Idberita Varchar 5 Foreign Key
3 Nomor Telepon Notlp Varchar 13
4 Jenis Kelamin Jnskelamin Varchar 9
5 Alamat Alamat Varchar 25
6 Nama Pegawai Nmpegawai Varchar 30
7 Status Status Varchar 15
8 TTL TTL Varchar 50
9 NIK NIK Varchar 16
10 Nama Instansi Nminstansi Varchar 40
![Page 31: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/31.jpg)
66
11 Tahun Lulus Thnlulus Varchar 4
12 Ijazah Terakhir Ijzterkahir Varchar 30
13 Jurusan Jurusan Varchar 20
14 NUPTK NUPTK Varchar 16
15 Kata Sandi Katasandi Varchar 20
2. Spesifikasi File Bagian Absen
Nama File : Absen
Akronim : Absen
Fungsi : Untuk proses absensi pegawai
Tipe File : File Master
Organisasi File : Index Sequential
Media : Random
Panjang Record : 55 Karakter
Kunci Field : idabsen
Software : MySQL
Tabel IV.3
Spesifikasi File Bagian Absen
No. Elemen Nama Field Tipe Size Keterangan
1 Id Absen idabsen Varchar 5 Primary Key
2 Id Pegawai idpegawai Varchar 5 Foreign Key
3 Id Tugas idtugas Varchar 5 Foreign Key
4 Keterangan keterangan Varchar 40
5 Jam Masuk jam_masuk Time
![Page 32: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/32.jpg)
67
6 Jam Keluar jam_keluar Time
3. Spesifikasi File Tugas
Nama File : Tugas
Akronim : Tugas
Fungsi : Untuk memasukan data tugas
Tipe File : File Master
Organisasi File : Index Sequential
Media : Random
Panjang Record : 10 Karakter
Kunci Field : idtugas
Software : MySQL
Tabel IV.4
Spesifikasi File Bagian Tugas
No. Elemen Nama Field Tipe Size Keterangan
1 Id Tugas idtugas Varchar 5 Primary Key
2 Id Pegawai idpegawai Varchar 5 Foreign Key
3 Jam Masuk jam_masuk Time
4 Jam Keluar jam_keluar Time
4. Spesifikasi File Agenda
Nama File : Agenda
Akronim : Agenda
Fungsi : Untuk memasukan agenda
![Page 33: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/33.jpg)
68
Tipe File : File Master
Organisasi File : Index Sequential
Media : Random
Panjang Record : 215 Karakter
Kunci Field : idagenda
Software : MySQL
Tabel IV.5
Spesifikasi File Bagian Agenda
No. Elemen Nama Field Tipe Size Keterangan
1 Id Agenda idagenda Varchar 5 Primary Key
2 Id Pegawai idpegawai Varchar 5 Foreign Key
3 Id Tugas idtugas Varchar 5 Foreign Key
4 Isi Agenda isiagenda Varchar 200
5 Tanggal tanggal Date Time
5. Spesifikasi File Berita
Nama File : Berita
Akronim : Berita
Fungsi : Untuk memasukan berita
Tipe File : File Master
Organisasi File : Index Sequential
Media : Random
Panjang Record : 525 Byte
Kunci Field : idberita
![Page 34: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/34.jpg)
69
Software : MySQL
Tabel IV.6
Spesifikasi File Bagian Berita
No. Elemen Nama Field Tipe Size Keterangan
1 Id Berita idberita Varchar 5 Primary Key
2 Judul Berita judulberita Varchar 20 Foreign Key
3 Isi Berita isiberita Varchar 500 Foreign Key
4 Tanggal Berita tanggal Date Time
4.2.4 Class Model/Class Diagram
Gambar IV.45
Class Diagram Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja
Bogor
![Page 35: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/35.jpg)
70
4.2.5 Sequence Diagram
1. Sequence Diagram Mengelola Masuk Admin
Gambar IV.46
Sequence Diagram Mengelola Masuk Admin Absensi Kepegawaian pada
SMP PGRI 283 Mulyaharja Bogor
![Page 36: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/36.jpg)
71
2. Sequence Diagram Mengelola Masuk Pegawai
Gambar IV.47
Sequence Diagram Mengelola Masuk Pegawai Absensi Kepegawaian pada
SMP PGRI 283 Mulyaharja Bogor
2. Sequence Diagram Mengelola Masuk Kepala Sekolah
Gambar IV.48
Sequence Diagram Mengelola Masuk Kepsek Absensi Kepegawaian pada
SMP PGRI 283 Mulyaharja Bogor
Kepala Sekolah
![Page 37: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/37.jpg)
72
3. Sequence Diagram Mengelola Absen
Gambar IV.49
Sequence Diagram Mengelola Absen Absensi Kepegawaian pada SMP PGRI
283 Mulyaharja Bogor
![Page 38: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/38.jpg)
73
4. Sequence Diagram Mengelola Pegawai
Gambar IV.50
Sequence Diagram Mengelola Pegawai Abse
nsi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor
![Page 39: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/39.jpg)
74
5. Sequence Diagram Mengelola Agenda
Gambar IV.51
Sequence Diagram Mengelola Agenda Absensi Kepegawaian pada SMP
PGRI 283 Mulyaharja Bogor
![Page 40: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/40.jpg)
75
6. Sequence Diagram Mengelola Berita
Gambar IV.52
Sequence Diagram Mengelola Berita Absensi Kepegawaian pada SMP PGRI
283 Mulyaharja Bogor
![Page 41: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/41.jpg)
76
7. Sequence Diagram Mengelola Rekap Absen
Gambar IV.53
Sequence Diagram Mengelola Rekap Absen Absensi Kepegawaian pada SMP
PGRI 283 Mulyaharja Bogor
4.2.6 Spesifikasi Hardware dan Software
1. Spesifikasi Perangkat Keras (Hardware)
Perangkat keras (Hardware) adalah seluruh komponen yang membentuk
suatu sistem komputer dan peralatan lainnya yang minimum dan
memungkinkan komputer dapat melaksanakan tugasnya, klasifikasi
perangkat keras yang diusulkan adalah sebagai berikut:
A. Laptop
1) Layar : 14 Inch
2) Processor : AMD A-4
3) Memory : Ram 2 GB
4) Harddisk : 500 GB
![Page 42: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/42.jpg)
77
5) Keyboard : Logitech Mk120
6) Printer : Epson Printer L360
7) Mouse : Logitech Mk120
2. Spesifikasi Perangkat Lunak (Software)
Untuk dapat menjalankan program pembuatan absensi kepegawaian ini
dengan baik dan agar program memiliki kinerja yang maksimal maka
peneliti menyarankan penggunaan perangkat lunak sebagai berikut:
a. Sistem Operasi : Windows 7 Ultimate 64 bit
b. Program atau Software Pendukung : XAMPP 3.2.2, Dreanweaver
CS5
4.3 Jadwal Implementasi
Tabel IV.7
Jadwal Implementasi
No KEGIATAN
WAKTU
BULAN I BULAN II BULAN III
1 2 3 4 1 2 3 4 1 2 3 4
1 Persiapan data awal
2 Analisa
3 Desain Sistem
4 Desain Perangkat Lunak
5
Pembuatan & Tes
Program
![Page 43: BAB IV PERANCANGAN SISTEM USULAN · Gambar IV.7 Usecase Diagram Sistem Usulan Absensi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor Kepala Sekolah Melaukakan Absensi Login Melihat](https://reader033.vdocuments.pub/reader033/viewer/2022052809/607693ffd1f112309a6d1d96/html5/thumbnails/43.jpg)
78
6 Tes Sistem
7 Pelatihan
8
Pembuatan Buku
Petunjuk
9 Evaluasi & Operasional