BAB IV PERANCANGAN SISTEM USULAN

(1)

23

BAB IV

PERANCANGAN SISTEM USULAN

4.1. Tahapan Perancangan Sistem 4.1.1. Analisis Kebutuhan

A. Kebutuhan Pengguna

Analisis kebutuhan dalam perancangan sistem absensi karyawan pada PT.

Tiga Pilar Sejahtera sebagai berikut:

1) Skenario Kebutuhan User/Karyawan

A1. User dapat melakukan absen hadir dan pulang A2. User dapat melihat dan cetak rekap kehadiran 2) Skenario Kebutuhan Admin

B1. Admin dapat melakukan login

B2. Admin dapat mengelola data jabatan karyawan B3. Admin dapat mengelola data karyawan

B4. Admin dapat mengelola data absensi karyawan B5. Admin dapat melihat dan cetak laporan.

B. Kebutuhan Sistem

1) Setiap pengguna harus melakukan login terlebih dahulu untuk mengakses sistem dengan menggunakan username dan password masing-masing pengguna agar tetap terjaga keamanannya.

2) Setiap pengguna mendapatkan hak akses untuk menggunakan sistem absensi karyawan pada PT. Tiga Pilar Sejahtera.

3) Setelah menggunakan sistem tersebut pengguna diwajibkan untuk logout.

4) Sistem akan merekap data absensi karyawan PT. Tiga Pilar Sejahtera.

(2)

4.1.2. Rancangan Diagram Use Case A. Use Case Diagram User

Sumber: Data Olahan, 2021

Gambar IV.1. Use Case Diagram Halaman User Tabel IV.1. Use Case Diagram Absensi Use Case Name Absensi

Requirment A1

Goal User dapat melakukan absensi kehadiran Pre-condition User mengakses sistem absensi

Post-condition Tampil form absensi

Failed end condition User tidak mengakses sistem absensi Primary Actor User

Main Flow/Basic Path 1. User mengakses sistem absensi 2. User menginput NIP dan klik absen 3. Sitem menampilkan keterangan absensi

kehadiran

Invariant User memilih menu batal

Tabel IV.2. Use Case Diagram Rekap Absensi Use Case Name Rekap Absensi

Requirment A1-A2

Goal User dapat melihat rekap absensi harian Pre-condition User mengklik button rekap absensi Post-condition Tampil rekap absensi karyawan

Failed end condition User tidak mengklik button rekap absensi Primary Actor User

Main Flow/Basic Path 1. User telah melakukan absensi

uc Use Case Model

User

Melihat rekap kehadiran Melakukan absensi

kehadiran

Input NIP

Cetak rekap kehadiran

«include»

«extend»

(3)

2. Sistem keterangan absensi

3. User memilih button rekap absensi

Invariant -

B. Use Case Diagram Admin

Gambar IV.2. Use Case Diagram Halaman Admin Tabel IV.3. Use Case Diagram Login Admin Use Case Name Login Admin

Requirment B1

Goal Admin dapat melakukan login

Pre-condition Admin memilih menu login Post-condition Tampil form login

Failed end condition User tidak memilih menu login Primary Actor Admin

Main Flow/Basic Path 1. Admin memilih menu login

2. Admin memasukan username dan password 3. Sitem melakukan validasi data

4. Jika data sesuai, sistem menampilkan halaman beranda

Invariant -

uc Use Case Model

Admin

Melakukan login Input username dan passw ord

Mengelola data j abatan karyaw an

Melihat laporan Mengelola data absensi karyaw an

Mengelola data karyaw an

Cetak laporan

«include»

«extend»

(4)

Tabel IV.4. Use Case Diagram Data Jabatan Use Case Name Data Jabatan

Requirment B1-B2

Goal Admin dapat mengelola data jabatan karyawan Pre-condition Admin memilih menu data jabatan

Post-condition Tampil halaman data jabatan Failed end condition Admin tidak memilih data jabatan Primary Actor Admin

Main Flow/Basic Path 1. Admin melakukan login

2. Admin memilih menu data jabatan

3. Sistem menampilkan halaman data jabatan

Invariant -

Tabel IV.5. Use Case Diagram Data Karyawan Use Case Name Data Karyawan

Requirment B1-B3

Goal Admin dapat mengelola data karyawan Pre-condition Admin memilih menu data karyawan Post-condition Tampil halaman data karyawan

Failed end condition Admin tidak memilih menu data karyawan Primary Actor Admin

Main Flow/Basic Path 1. Admin melakukan login

2. Admin memilih menu data karyawan 3. Sistem menampilkan halaman data

karyawan

Invariant -

Tabel IV.6. Use Case Diagram Rekap Absensi Admin Use Case Name Rekap Absensi

Requirment B1-B4

Goal Admin dapat melihat rekap absensi karyawan Pre-condition Admin memilih menu rekap absensi

Post-condition Tampil halaman rekap absensi

Failed end condition Admin tidak memilih menu rekap absensi Primary Actor Admin

Main Flow/Basic Path 1. Admin melakukan login

2. Admin memilih menu rekap absensi 3. Sistem menampilkan rekap absensi

Invariant -

(5)

Tabel IV.7. Use Case Diagram Laporan Use Case Name Laporan

Requirment B1-B5

Goal Admin dapat melihat dan cetak laporan absensi karyawan

Pre-condition Admin memilih menu laporan Post-condition Tampil halaman laporan

Failed end condition Admin tidak memilih menu laporan Primary Actor Admin

Main Flow/Basic Path 1. Admin melakukan login 2. Admin memilih menu laporan

3. Sistem menampilkan laporan kehadiran karyawan

Invariant -

4.1.3. Rancangan Diagram Aktivitas A. Activity Diagram Absensi

Gambar IV.3. Activity Diagram Absensi

act Login

Sistem Mulai

Mengisi NIP Memv erifikasi data

Data valid Menampilkan

pesan error

Tampil keterangan absensi

Selesai T

Y User

Membuka sistem kehadiran

(6)

B. Activity Diagram Rekap Absensi

Gambar IV.4. Activity Diagram Rekap Absensi

act Use Case Model

Sistem User

Mulai

Melakukan absensi kehadiran

Menampilkan keterangan absensi

Memilih rekap absensi Menampilkan rekap absensi kehadiran

pribadi

Selesai

Cetak rekap kehadiran

(7)

C. Activity Diagram Login Admin

Gambar IV.5. Activity Diagram Login Admin

act Login

Sistem

Mulai

Mengisi username dan

passw ord Memv erifikasi data

Data valid

Menampilkan pesan error

Tampil halaman utama

Selesai T

Y Admin

(8)

D. Activity Diagram Kelola Data Jabatan

Gambar IV.6. Activity Diagram Kelola Data Jabatan

Sistem Admin

Mulai

Melakukan login

Memilih menu data

j abatan Menampilkan data

j abatan

Selesai Menginput data j abatan

baru

Menyimpan data j abatan

Selesai input data ya

tidak

(9)

E. Activity Diagram Kelola Data Karyawan

Gambar IV.7. Activity Diagram Kelola Data Karyawan

Sistem Admin

Mulai

Melakukan login

Memilih menu data

karyaw an Menampilkan data

karyaw an

Selesai Menginput data

karyaw an baru

Menyimpan data karyaw an

Selesai input data ya

tidak

(10)

F. Activity Diagram Rekap Absensi Kehadiran

Gambar IV.8. Activity Diagram Rekap Absensi Kehadiran

Sistem Admin

Mulai

Melakukan login

Memilih menu rekap absensi

Menampilkan rekap absensi kehadiran

karyaw an

Cetak rekap absensi karyaw an

Selesai

(11)

G. Activity Diagram Laporan

Gambar IV.9. Activity Diagram Laporan

Sistem Admin

Mulai

Melakukan login

Memilih menu laporan Menampilkan laporan kehadiran karyaw an

Cetak laporan kehadiran karyaw an

Selesai

(12)

4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan

Nama Dokumen : Absensi Karyawan

Fungsi : Untuk mengisi kehadiran karyawan

Sumber : Sistem

Tujuan : Karyawan

Media : Tampilan layar Jumlah : Satu form

Frekuensi : Setiap jam masuk dan jam pulang Bentuk : Lampiran C1

B. Dokumen Keluaran

Nama Dokumen : Rekap Absensi Karyawan

Fungsi : Sebagai bukti kehadiran karyawan

Sumber : Sistem

Tujuan : Head Of Teritory Media : Tampilan Layar Jumlah : Satu form Frekuensi : Setiap bulan Bentuk : Lampiran D1

(13)

4.2. Perancangan Prtotype 4.2.1. Entity Relatinship Diagram

Karyawan melakukan Absensi

*nip

Nama_lengkap

Alamat

Id_jabatan

Jenis_kelamin

*id_absens

tanggal

nip

keterangan

Absen_keluar

Absen_masuk

jabatan

1 1

Admin

*username password

Nama_admin dikelola

N 1

memiliki

*id_jabatan Nama_jabatan

Gambar IV.10. Entity Relatinship Diagram 4.2.2. Logical Record Structure

Karyawan Nip*

Nama_lengkap Alamat Jenis_kelamin

Id_jabatan

Absensi Id_absen*

Tanggal Nip Asben_masuk Absen_keluar Keterangan

Admin

Username*

Password Nama_admin

Jabatan Id_jabatan*

Nama_jabatan

1 1 N 1

1 1

1

Gambar IV.11. Logical Record Structure

(14)

4.2.3. Spesifikasi File

1) Spesifikasi File Karyawan

Nama File : Karyawan

Akronim : Karyawan

Fungsi : Untuk menyimpan data karyawan

Tipe File : File Master

Organisasi File : Indexed Sequensial

Akses File : Random

Media : Hardisk Panjang Record : 101 karakter

Kunci Field : nip

Software : MySQL

Tabel IV.8. Spesifikasi File Karyawan

No Elemen Data Akronim Tipe Panjang Keterangan

1 NIP NIP Varchar 20 Primary Key

2 Nama lengkap Nama_lengkap Varchar 50

3 Alamat Alamat Text

4 Jenis Kelamin Jenis_Kelamin Varchar 20 5 Id Jabatan Id_Jabatan Integer 11

2) Spesifikasi File Admin

Nama File : Admin

Akronim : Admin

Fungsi : Untuk menyimpan data admin

(15)

Media : Hardisk Panjang Record : 100 karakter

Kunci Field : username

Software : MySQL

Tabel IV.9. Spesifikasi File Admin

1 Username Username Varchar 20 Primary Key

2 Password Password Varchar 50 3 Nama Admin Nama_Admin Varchar 30

3) Spesifikasi File Absensi

Nama File : Absensi

Akronim : Absensi

Fungsi : Untuk menyimpan data kehadiran

Media : Hardisk

Panjang Record : 101 karakter

Kunci Field : id_absen

Software : MySQL

Tabel IV.10. Spesifikasi File Absensi

1 Id Absen Id_Absen Integer 11 Primary Key

2 Tanggal Tanggal Date

3 NIP NIP Varchar 20

4 Absen Masuk Absen_Masuk Time

5 Absen Keluar Absen_Keluar Varchar 20- 6 Keterangan Keterangan Varchar 50

(16)

4) Spesifikasi File Jabatan

Nama File : Jabatan

Akronim : Jabatan

Fungsi : Untuk menyimpan data jabatan karyawan

Media : Hardisk

Panjang Record : 53 karakter

Kunci Field : id_jabatan

Software : MySQL

Tabel IV.11. Spesifikasi File Jabatan

No Elemen Data Akronim Tipe Panjang Keterangan 1 Id Jabatan Id_jabatan Integer 3 Primary Key 2 Nama Jabatan Nama_jabatan Varchar 50

(17)

4.2.4. Class Model/Class Diagram

karyawan

+nip +nama_lengkap +alamat +jenis_kelamin +id_jabatan

created_at() : void updated_at() : void

absensi

+id_absen +tanggal +nip +absen_masuk +absen_keluar

admin

+username +password +nama_admin

jabatan

+id_jabatan +nama_jabatan

1 1 N 1

1 1

Gambar IV.12. Class Diagram

4.2.5. Sequence Diagram

Gambar IV.13. Sequence Diagram

(18)

4.2.6. Rancangan Antarmuka

Sumber: Rancangan Sistem Absensi Karyawan, 2021

Gambar IV.14. User Interface Absensi Karyawan

Gambar IV.15. User Interface Keterangan Absensi

(19)

Gambar IV.17. User Interface Login Admin

Gambar IV.18. User Interface Beranda (Admin)

(20)

Gambar IV.19. User Interface Data Jabatan

Gambar IV.20. User Interface Data Karyawan

(21)

Gambar IV.21. User Interface Data Absensi

Gambar IV.22. User Interface Laporan

4.2.7. Spesifikasi Hardware dan Software A. Spesifikasi Hardware

1) Server

a) CPU Processor AMD A10-5800K, RAM 2,00 GB, Harddisk 550 GB b) Mouse

(22)

c) Keyboard

d) Monitor dengan resolusi layar minimum 1028x768 e) Koneksi internet dengan kecepatan 2Mbps

2) Client

a) CPU Processor AMD Sempron 3850, RAM 2,00, Harddisk 450 GB b) Mouse

c) Keyboard

d) Monitor dengan resolusi layar minimum 1024x768 e) Koneksi internet dengan kecepatan 1 Mbps

B. Spesifikasi Software 1). Server

a) Sistem operasi yang umum digunakan sepeti Microsoft Windows 7 b) Aplikasi bundle web server seperti XAMPP, WampServer, php2triad c) Aplikasi web seperti Mozzila Firefox, Opera, Internet Explore, Google Chrome.

2) Client

a) Sistem operasi yang diumumkan seperti Microsoft Windows

b) Aplikasi web browser seperti Mozilla Firework, Opera, Internet Explore, Google Chrome.

(23)

4.3. Pengujian Rancangan Antar Muka A. Pengujian Front-End (User/Karyawan)

Tabel IV.12 Hasil Pengujian Front-End (User/Karyawan)

Partisipan Melakukan Absen

Lihat dan Cetak Rekap Absen

1 √ √

2 √ √

3 √ √

4 √ √

5 √ √

Sukses 5 5

Nilai Kesuksesan

100% 100%

B. Pengujian Back-End (Admin)

Tabel IV.13 Hasil Pengujian Back-End (Admin)

Partisipan Login

Kelola Data Jabatan

Kelola Data Karyawa

n

Kelola Data Absensi

Lihat dan Cetak Laporan

1 √ √ √ √ √

Sukses 1 1 1 1 1

Nilai Kesuksesan

100% 100% 100% 100% 100%

(24)

4.4. Jadwal Implementasi

Tabel IV.14 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 Melengkapi referensi 3 Pengumpulan data 4 Analisa data

6 Perancangan sistem usulan 7 Design prototype 8 Evaluasi sistem