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

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

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.

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.

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

40

2. Bagian Admin

Gambar IV.6


Mulyaharja Bogor

Admin

Melaukakan Absensi

Login

Melihat Rekap Absen

Menulis Agenda


Tambah Ubah dan

hapus Data Pegawai


Tambah Berita

Melihat Berita

41


Gambar IV.7


Mulyaharja Bogor

Kepala Sekolah

Melaukakan Absensi

Login

Melihat Rekap Absen

Menulis Agenda


Tambah Ubah dan

hapus Data Pegawai


Tambah Berita

Melihat Berita

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

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

44


Gambar IV.10

Activity Diagram Sistem Usulan Bagian Pegawai Absensi Kepegawaian pada


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

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


3. Nama Dokumen Masukan : Berita

Fungsi : Untuk menambahkan baru

Sumber : Admin

Tujuan : Pegawai

Media : Komputer

46


Frekuensi : Setiap ada berita baru


4. Nama Dokumen Masukan : Agenda

Fungsi : Untuk menambahkan agenda baru

Sumber : Pegawai

Tujuan : Pegawai

Media : Komputer


Frekuensi : Setiap ada agenda baru


3. Nama Dokumen Keluaran : Rekapitulasi Absen

Fungsi : Untuk merekap absen

Sumber : Tata Usaha

Tujuan : Kepala Sekolah

Media : Komputer


Frekuensi : Setiap tiga bulan sekali

Bentuk : Lampiran D.1

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

48

2. Tampilan Menu Absensi Pegawai

Gambar IV.12

Rancangan Prototype Menu Absensi Pegawai Absensi Kepegawaian pada


3. Tampilan Menu Tugas Pegawai

Gambar IV.13

Rancangan Prototype Menu Tugas Pegawai Absensi Kepegawaian pada SMP


49

4. Tampilan Menu Rekap Absen Pegawai

Gambar IV.14

Rancangan Prototype Menu Rekap Absen Pegawai Absensi Kepegawaian


5. Tampilan Menu Data Pegawai

Gambar IV.15

Rancangan Prototype Menu Data Pegawai Absensi Kepegawaian pada SMP


50

6. Tampilan Menu Agenda Pegawai

Gambar IV.16

Rancangan Prototype Menu Agenda Pegawai Absensi Kepegawaian pada


7. Tampilan Lihat Agenda Pegawai

Gambar IV.17

Rancangan Prototype Menu Lihat Agenda Pegawai Absensi Kepegawaian


51

8. Tampilan Menu Berita Pegawai

Gambar IV.18

Rancangan Prototype Menu Berita Pegawai Absensi Kepegawaian pada SMP


9. Tampilan Menu Utama Admin

Gambar IV.19

Rancangan Prototype Menu Utama Admin Kepegawaian pada SMP PGRI

283 Mulyaharja Bogor

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


53

12. Tampilan Menu Rekap Absensi Keseluruhan Admin

Gambar IV.22

Rancangan Prototype Menu Rekap Absen Keseluruhan Admin Absensi


13. Tampilan Menu Pegawai Admin

Gambar IV.23

Rancangan Prototype Menu Data Pegawai Admin Absensi Kepegawaian pada


54

14. Tampilan Menu Lihat Pegawai Admin

Gambar IV.24

Rancangan Prototype Menu Lihat Data Pegawai Admin Absensi


15. Tampilan Menu Ubah Pegawai Admin

Gambar IV.25

Rancangan Prototype Menu Ubah Data Pegawai Admin Absensi


55

16. Tampilan Tambah Data Pegawai Admin

Gambar IV.26

Rancangan Prototype Menu Tambah Data Pegawai Admin Absensi


17. Tampilan Tugas Pegawai Admin

Gambar IV.27

Rancangan Prototype Menu Tugas Pegawai Admin Absensi Kepegawaian


56

18. Tampilan Tambah Tugas Pegawai Admin

Gambar IV.28

Rancangan Prototype Menu Tambah Tugas Pegawai Admin Absensi


19. Tampilan Ubah Tugas Pegawai Admin

Gambar IV.29

Rancangan Prototype Menu Ubah Tugas Pegawai Admin Absensi


57

20. Tampilan Berita Pegawai Admin

Gambar IV.30

Rancangan Prototype Menu Berita Pegawai Admin Absensi Kepegawaian


21. Tampilan Tambah Berita Pegawai Admin

Gambar IV.31

Rancangan Prototype Menu Tambah Berita Pegawai Admin Absensi


58

22. Tampilan Ubah Berita Pegawai Admin

Gambar IV.32

Rancangan Prototype Menu Ubah Berita Pegawai Admin Absensi


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

59

24. Tampilan Menu Utama Kepala Sekolah

Gambar IV.34

Rancangan Prototype Menu Utama Absensi Kepegawaian pada SMP PGRI


60

25. Tampilan Menu Absensi Kepala Sekolah

Gambar IV.35

Rancangan Prototype Menu Absen Absensi Kepegawaian pada SMP PGRI


26. Tampilan Menu Tugas Kepala Sekolah

Gambar IV.36

Rancangan Prototype Menu Tugas Absensi Kepegawaian pada SMP PGRI


61

27. Tampilan Menu Rekap Absen Kepala Sekolah

Gambar IV.37

Rancangan Prototype Menu Rekap Absen Absensi Kepegawaian pada SMP


28. Tampilan Menu Rekap Absen Keseluruhan Kepala Sekolah

Gambar IV.38

Rancangan Prototype Menu Rekap Absen Keseluruhan Absensi


62

29. Tampilan Menu Data Pegawai Kepala Sekolah

Gambar IV.39

Rancangan Prototype Data Pegawai Absensi Kepegawaian pada SMP PGRI


30. Tampilan Menu Agenda Pegawai Kepala Sekolah

Gambar IV.40

Rancangan Prototype Menu Agenda Absensi Kepegawaian pada SMP PGRI


63

31. Tampilan Menu Lihat Agenda Pegawai Kepala Sekolah

Gambar IV.41

Rancangan Prototype Menu Lihat Agenda Absensi Kepegawaian pada SMP


32. Tampilan Menu Berita Pegawai Kepala Sekolah

Gambar IV.42

Rancangan Prototype Berita Absensi Kepegawaian pada SMP PGRI 283

Mulyaharja Bogor

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


4.2.2 Logical Record Structure (LRS)

Gambar IV.44

Logical Record Structure (LRS) Absensi Kepegawaian pada SMP PGRI 283

Mulyaharja Bogor

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

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



Media : Random


Kunci Field : idabsen

Software : MySQL

Tabel IV.3

Spesifikasi File Bagian Absen


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

67

6 Jam Keluar jam_keluar Time

3. Spesifikasi File Tugas

Nama File : Tugas

Akronim : Tugas

Fungsi : Untuk memasukan data tugas



Media : Random


Kunci Field : idtugas

Software : MySQL

Tabel IV.4

Spesifikasi File Bagian Tugas


1 Id Tugas idtugas Varchar 5 Primary 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

68



Media : Random


Kunci Field : idagenda

Software : MySQL

Tabel IV.5

Spesifikasi File Bagian Agenda


1 Id Agenda idagenda Varchar 5 Primary 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



Media : Random

Panjang Record : 525 Byte

Kunci Field : idberita

69

Software : MySQL

Tabel IV.6

Spesifikasi File Bagian Berita


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

70

4.2.5 Sequence Diagram

1. Sequence Diagram Mengelola Masuk Admin

Gambar IV.46

Sequence Diagram Mengelola Masuk Admin Absensi Kepegawaian pada


71

2. Sequence Diagram Mengelola Masuk Pegawai

Gambar IV.47

Sequence Diagram Mengelola Masuk Pegawai Absensi Kepegawaian pada


2. Sequence Diagram Mengelola Masuk Kepala Sekolah

Gambar IV.48

Sequence Diagram Mengelola Masuk Kepsek Absensi Kepegawaian pada


Kepala Sekolah

72

3. Sequence Diagram Mengelola Absen

Gambar IV.49

Sequence Diagram Mengelola Absen Absensi Kepegawaian pada SMP PGRI


73

4. Sequence Diagram Mengelola Pegawai

Gambar IV.50

Sequence Diagram Mengelola Pegawai Abse

nsi Kepegawaian pada SMP PGRI 283 Mulyaharja Bogor

74

5. Sequence Diagram Mengelola Agenda

Gambar IV.51

Sequence Diagram Mengelola Agenda Absensi Kepegawaian pada SMP


75

6. Sequence Diagram Mengelola Berita

Gambar IV.52

Sequence Diagram Mengelola Berita Absensi Kepegawaian pada SMP PGRI


76

7. Sequence Diagram Mengelola Rekap Absen

Gambar IV.53

Sequence Diagram Mengelola Rekap Absen Absensi Kepegawaian pada SMP


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

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

78

6 Tes Sistem

7 Pelatihan

8

Pembuatan Buku

Petunjuk

9 Evaluasi & Operasional

Documents

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