bab iv perancangan sistem usulan 1.1. tahapan … · permohonan perbaikan absen failed end...

BAB IV

PERANCANGAN SISTEM USULAN

1.1. Tahapan Perancangan Sistem

Tahap perancangan sistem merupakan tahapan awal yang dilakukan

penulis dalam membangun sebuah website. Perancangan sistem dibuat bertujuan

untuk memberikan gambaran yang jelas mengenai rancangan program yang

dibuat serta untuk menguji logika pemrograman secara sederhana.

1. Analisis Kebutuhan

Mengidentifikasi kebutuhan fungsional program disertai dengan penggambaran

use case diagram dan scenario use case yang terkait dengan proses bisnis yang

diusulkan.

a. Kebutuhan Pengguna

Dalam website absensi terdapat Empat pengguna yang dapat saling berinteraksi

dalam lingkungan sistem, yaitu HRD, Karyawan, Section Head dan General

Manager. Berikut adalah kebutuhan pengguna dalam sistem:

1) Skenario HRD dapat melakukan Login

2) Skenario HRD dapat mengakses Menu Utama (Home)

a) Mengatur absensi Karyawan

b) Merekap absensi Karyawan

c) Mengkonfirmasi Perbaikan Absen

3) Skenario kebutuhan Karyawan

a) Dapat melihat data rekapan absen

b) Dapat melakukan perbaikan absen

25

c) Dapat mengajukan approvel Section Head & General Manager

4) Skenario kebutuhan Section Head

a) Dapat melihat data rekapan perbaikan absen

b) Dapat Memberikan Persetujuan untuk melakukan perbaikan

absen

5) Skenario kebutuhan General Manager

a) Dapat melihat data rekapan perbaikan absen

b) Dapat Memberikan Persetujuan untuk melakukan perbaikan

absen

b. Kebutuhan Sistem

1. Pengguna harus melakukan login terlebih dahulu untuk mengakses

website, dengan menggunakan username dan password agar privasi

masing-masing petugas dapat terjaga keamanannya.

2. Pengguna harus menggunakan logout setelah selesai mengunakan

website. Sistem melakukan perbaikan rekap absensi karyawan.

2. Rancangan Diagram Use Case

Gambar IV.1

Use Case Diagram

uc Use Case HRD

HRD

Login

NIKPassword

Logout

Kelola Data

Karyawan

Menerima

Form

Perbaikan

Absen

Menghapus

Data

Karyawan

Menambah

Data

Karyawan

Kelola Div isi

Menambah

Div isiMelihat Div isi

Menghapus

Div isi

Mengubah

Div isi

Melihat Data

Karyawan

Mengubah

Data

Karyawan

Kelola Data

AbsenMengubah

Data Absen

Melihat Data

Absen

Menghapus

Data Absen

Mengubah

Data

Permohonan

Melihat Data

Permohonan

Menghapus

Data

Permohonan

Kelola

Permohonan

Perbaikan

Absen

Kelola Data

Approv al

Mengubah

Data Approv al

Melihat Data

Approv al

Menghapus

Data Approv al Menambah

Data Approv al

Karyawan

Approv al

Kelola Data

Absen

Kelola

Monitoring

Permohonan

Mengisi Form

Perbaikan

Absen

Melihat Data

Absen

Melihat Status

Permohonan

Menerima

Form

Perbaikan

Absen

Konfirmasi

Form

Perbaikan

Absen

«extend»

«include»

«include»

«extend»

«include»

«extend»

«extend»

«extend»

«extend»

«include»

«extend»«extend»

«include»

«extend»

«extend»

«include»

«include»

«extend»

«include»

«extend»

«extend»

«extend»

«extend»

«include»

«include»

Tabel IV. 1

Deskripsi Use Case Login

Use Case Name Login

Requirements Memasukan NIK dan password untuk mengakses

sistem

Goal Untuk mengakses sistem absensi

Pre-Conditions HRD dapat masuk ke dalam sistem sesuai hak

akses

Post-Conditions Berhasil login ke sistem

Failed end Condition NIK dan password salah

Actors HRD, Karyawan, Approval

Main Flow/ Basic Path 1. Memasukkan NIK dan password

2. Klik tombol login

3. Validasi NIK dan password berhasil masuk

ke dalam sistem

Tabel IV. 2

Deskripsi Use Case Mengelola Akun

Use Case Name Mengelola Akun

Requirements HRD dapat mengelola akun

Goal Dapat mengubah password

Pre-Conditions HRD sudah mengubah password

Post-Conditions HRD berhasil mengubah password

Failed end Condition HRD tidak dapat mengelola akun seperti

mengubah password

Actors HRD

Main Flow/ Basic Path 1. HRD sudah masuk ke dalam sistem

2. Mengklik tombol

3. Mengganti password

4. Sistem akan validasi jika password sudah benar

Tabel IV. 3

Deskripsi Use Case Mengelola Divisi

Use Case Name Mengelola divisi

Requirements HRD dapat mengelola divisi

Goal HRD dapat melihat, menghapus, mengedit serta

menambahkan divisi

Pre-Conditions HRD sudah mengedit divisi

Post-Conditions HRD berhasil mengedit

Failed end Condition HRD tidak melihat, menghapus, mengubah serta

menambahkan divisi

Actors HRD

Main Flow/ Basic Path 5. HRD sudah masuk ke dalam sistem

6. Mengklik tombol

7. Mengedit dan menambahkan divisi

8. Sistem akan validasi jika nama divisi sudah

benar

Tabel IV. 4

Deskripsi Use Case Kelola Data Karyawan

Use Case Name Kelola Data Karyawan

Requirements HRD dapat mengelola data karyawan

Goal HRD dapat melihat, menghapus, mengubah serta

menambahkan karyawan

Pre-Conditions HRD sudah melakukan login terlebih dahulu

Post-Conditions HRD memilih menu karyawan

Failed end Condition HRD tidak dapat melihat, mengedit, menghapus

serta menambahkan data karyawan

Actors HRD

Main Flow/ Basic Path 1. HRD masuk kedalam sistem

2. HRD memilih menu karyawan

3. HRD menyimpan data karyawan

Tabel IV. 5

Deskripsi Use Case Kelola Absensi Karyawan

Use Case Name Kelola Absensi Karyawan

Requirements HRD dapat mengelola absensi karyawan

Goal HRD dapat menginput data absen karyawan

Pre-Conditions HRD dapat mengelola absensi

Post-Conditions HRD berhasil mengelola absensi

Failed end Condition HRD tidak dapat mengelola absensi seperti

memperbaiki absen karyawan

Actors HRD

Main Flow/ Basic Path 1. HRD masuk ke dalam sistem

2. HRD mengklik sub menu absensi

3. HRD menginput data karyawan

Tabel IV. 6

Deskripsi Use Case Memperbaiki Absen Karyawan

Use Case Name Memperbaiki Absen Karyawan

Requirements Karyawan harus mengklik sub menu absensi

Goal Karyawan dapat memperbaiki absen yang tidak

terecord

Pre-Conditions Karyawan dapat memperbaiki absensi

Post-Conditions Karyawan berhasil memperbaiki absensi

Failed end Condition Karyawan tidak dapat memperbaiki absensi yang

tidak terecord karyawan

Actors Karyawan

Main Flow/ Basic Path 1. Karyawan masuk kedalam sistem

2. Karyawan memilih sub menu absen

3. Karyawan membuka perbaikan absen yang

tidak terecord

4. Karyawan bisa menyimpan absensi karyawan

Tabel IV. 7

Deskripsi Use Case Kelola Permohonan Perbaikan Absen Karyawan

Use Case Name Menerima data Perbaikan karyawan

Requirements Approval menerima data Perbaikan karyawan

Goal Approval dapat menerima data perbaikan dan

mengirim konfirmasi menyetujui perbaikan absen

karyawan

Pre-Conditions Approval telah melihat form perbaikan absen

karyawan

Post-Conditions Approval menerima perbaikan absen karyawan

Failed end Condition Approval berhak menolak form perbaikan apabila

tidak sesuai dengan waktu yang ditentukan

Actors Aprproval

Main Flow/ Basic Path 1. Approval masuk ke dalam sistem

2. Approval memilih sub menu menyetujui

perbaikan absen karyawan

Tabel IV. 8

Deskripsi Use Case Melakukan Perbaikan Absen

Use Case Name Melakukan Perbaikan absen

Requirements Karyawan harus login terlebih dahulu

Goal Karyawan dapat melakukan pebaikan absen masuk

dan absen pulang

Pre-Conditions Karyawan dapat masuk ke dalam sistem absensi

Post-Conditions Karyawan dapat melakukan perbaikan absen

Failed end Condition Karyawan tidak dapat melakukan perbaikan absen

Actors Karyawan

Main Flow/ Basic Path 1. Memasukan nik dan password

2. Absen masuk dan absen pulang

Tabel IV. 9

Deskripsi Use Case Melihat Data Perbaikan Absen

Use Case Name Melihat data Perbaikan absen

Requirements Harus melakukan perbaikan absensi terlebih dahulu

Goal Dapat melihat absensi yang sudah diperbaiki

Pre-Conditions Dapat mengakses menu absen

Post-Conditions HRD, Approval, karyawan dapat melihat data

absen

Failed end Condition Tidak dapat melihat data absen

Actors HRD, Approval dan karyawan

Main Flow/ Basic Path 1. HRD, Approval dan karyawan melakukan login

terlebih dahulu

2. HRD, Approval dan karyawan memilih menu

absen

Tabel IV. 10

Deskripsi Use Case Mengajukan Approval Perbaikan Absen

Use Case Name Mengajukan Approval Perbaikan Absen

Requirements Karyawan melakukan login terlebih dahulu

Goal Karyawan dapat mengajukan permohonan

Approval Perbaikan Absen

Pre-Conditions Karyawan dapat mengakses menu permohonan


Post-Conditions Karyawan dapat mengajukan permohonan


Failed end Condition Karyawan tidak dapat mengajukan permohonan


Actors Karyawan

Main Flow/ Basic Path 1. Karyawan harus login terlebih dahulu

2. Karyawan memilih sub menu permohonan


3. Karyawan mengklik menu ajukan permohonan

Tabel IV. 11

Deskripsi Use Case Melihat Status Permohonan Perbaikan Absen

Use Case Name Melihat Status Permohonan Perbaikan Absen

Requirements HRD dan Karyawan harus melakukan login

Goal HRD dan Karyawan dapat melihat status

Permohonan Perbaikan Absen

Pre-Conditions HRD dan Karyawan dapat mengakses menu


Post-Conditions HRD dan Karyawan dapat melihat data


Failed end Condition HRD dan Karyawan tidak dapat melihat


Actors HRD dan Karyawan

Main Flow/ Basic Path 1. HRD dan Karyawan harus melakukan login

2. HRD dan Karyawan memilih sub menu


3. HRD dan Karyawan mengklik Ajukan


Tabel IV. 12

Deskripsi Use Case Melihat Data Approval

Use Case Name Melihat Data Approval

Requirements HRD harus melakukan login terlebih dahulu

Goal HRD dapat melihat data Approval

Pre-Conditions HRD dapat mengakses menu data Approval

Post-Conditions HRD dapat melihat data Approval

Failed end Condition HRD tidak dapat melihat data Approval

Actors HRD

Main Flow/ Basic Path 1. HRD harus melakukan login terlebih dahulu

2. HRD memilih sub menu Approval

3. HRD mengklik lihat data user Approval

3. Rancangan Diagram Aktivitas

Gambar IV.2

Diagram Approval Activity I

act Activ ity Diagram I

Approv alKaryawan

Melakukan Login

Memilih Menu Kelola

Absen

Melihat Absensi

Mengisi Form

Permohohan Perbaikan

Absensi

Cek

Menyetujui Form

Permohonan Perbaikan

Absensi

Melihat Status Approv al

Selesai

Ya

Tidak

Gambar IV.3

Diagram Approval Activity II

act Activ ity Diagram II

KaryawanHRD

Melakukan Login

Mengelola Data

Karyawan

Mengirim Data Absen

Yang Tidak Ke Record

Melihat Data Absensi

Yang Tidak Ke Record

Mengisi Form

Permohonan Perbaikan

Absensi

Melihat Status Approv al

Semua Form Sudah di

Setujui

Rev isi Data Absensi

Selesai

TidakYa

4. Rancangan Dokumen Sistem Usulan

Terdapat beberapa dokumen yang merupakan bukti tertulis untuk

menunjang pelaksanaan kegiatan. Dokumen-dokumen terserbut antara

lain:

1. Spesifikasi Dokumen Masukan

Nama Dokumen : Approval Form Permohonan Perbaikan absen

Fungsi : Mengisi data perbaikan absen karyawan yang tidak

terecord dengan persetujuan Section Head dan

General Manager

Sumber : Karyawan

Tujuan : HRD

Jumlah : 1 Rangkap

Media : Kertas

Frekuensi : Setiap terjadi permohonan perbaikan kehadiran

Karyawan

Bentuk : Lampiran C.1

2. Spesifikasi Dokumen Keluar

Nama Dokumen : Appoval Form Permohonan Perbaikan absen

Fungsi : Menyetujui Permohonan data perbaikan absen

karyawan

Sumber : Approval

Tujuan : HRD

Jumlah : 1 Rangkap

Media : Kertas

Frekuensi : Setiap terjadi permohonan Approval perbaikan

kehadiran Karyawan

Bentuk : Lampiran D.1

2. Rancangan Prototype

1) Interface HRD

a) File Login

Gambar IV.4

File Login

b) File Dashboard

Gambar IV.5

File Dashboard

c) File Divisi

Gambar IV.6

File Divisi

d) File Karyawan

Gambar IV.7

File Karyawan

e) File Absensi

Gambar IV.8

File Absensi HRD

f) File Permohonan

Gambar IV.9

File Permohonan

g) File User

Gambar IV.10

File User

2) Interface Karyawan

a) File Absensi

Gambar IV.11

File Absensi Karyawan

b) File Monitoring Permohonan Perbaikan Absen

Gambar IV.12

File Monitoring Permohonan

3) Interface Approval

Gambar IV.13

File Interface Approval

1.2. Perancangan Perangkat Lunak

1. Entity Relationship Diagram (ERD)

Gambar IV.14

Entity Relationship Diagram (ERD)

erd ERD

Karyawan

Id_divisi

nama_karyawan nik

user

Name

HRD

Approval

User_Name

Id_Divisi

Level_ApprovalId_Approval

Nama_

Approval

Password

Absen

Status

Absensi

Absen_pulang

Tgl_Absen

Absen_Masuk

Id_Absen

User_Name

Password

Nama_Karyawan

User_NamePassword

Id_HRDNIK

NIK

Id_HRD

Nik

Divisi

Id_Divisi Nama_Divisi

Menyetujui

Menginput

Memilih

Melihat

2. Logical Record Structure (LRS)

Gambar IV.15

Logical Record Structure (LRS)

dm

Karyawan

«column»

Id_divisi: TEXT

nama_karyawan: VARCHAR(50)

* nik: INTEGER

User_Name: VARCHAR(30)

password: VARCHAR(30)

HRD

«column»

Nama_Hrd: VARCHAR(25)


Password: VARCHAR(35)

* Id_Hrd: INT

NIK: VARCHAR(50)

Absen

«column»

* Id_absen: INT


Tgl_Absen: DATE

Absen _Masuk: VARCHAR(8)

Absen_Pulang: VARCHAR(8)

Jam_Masuk: VARCHAR(8)

Jam_Pulang: VARCHAR(8)

Status_Absensi: ENUM

NIK: VARCHAR(50)

Id_HRD: VARCHAR(50)

Approv al

«column»

* Id_approval: INT

User_Name: varchar(50)

Password: varchar(50)

Nama_Approval: varchar(150)

Id_Divisi: INT

Level Approval: ENUM

Div isi

«column»

Id_Divisi: VARCHAR(50)

Nama_Divisi: VARCHAR(50)

3. Spesifikasi File

a. Spesifikasi File Karyawan

Nama File : Karyawan

Akronim : tb_karyawan

Fungsi : Melakukan perbaikan absensi

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 143 karakter

Kunci Field : NIK

Software : Mysql

Tabel IV. 13

Deskripsi Spesifikasi File Karyawan

b. Spesifikasi File Absensi

Nama File : Absensi

Akronim : tb_absensi

Fungsi : Untuk mengetahui kehadiran yang tidak terecord


No Elemen Data Nama Field Tipe Size Ket

1 NIK nik Varchar 30 Primary

Key

2 Nama Karyawan nama_karyawan Varchar 50

3 Id Divisi id_divisi Int 3 FK

4 User Name user_name Varchar 30

5 Password password Varchar 30


Akses File : Random

Media : Harddisk


Kunci Field : Id Absensi

Software : Mysql

Tabel IV. 14

Deskripsi Spesifikasi File Absensi

c. Spesifikasi File Permohonan Perbaikan Absen

Nama File : Permohonan Perbaikan Absen

Akronim : tb_ Permohonan Perbaikan Absen

Fungsi : Untuk rekap absen tidak terecord




1 Id Absen id_ absen int 11 Primary

Key

2 User Name user_Name varchar 30

3 Tanggal

Absen

tgl_absen date -

4 Absen Masuk jam_masuk varchar 8

5 Absen Pulang jam_pulang varchar 8

4 Jadwal

Masuk

jadwal_masuk varchar 8

5 Jadwal

Pulang

jadwal_pulang varchar 8

6 Status

Absensi

Status_absensi enum ‘complete’,

’no complete,

’complain’

Akses File : Random

Media : Harddisk


Kunci Field : No_ Permohonan Perbaikan Absen

Software : Mysql

Tabel IV. 15

Deskripsi Spesifikasi File Permohonan Perbaikan Absen

d. Spesifikasi File Divisi

Nama File : Divisi

Akronim : tb_divisi


1 No

Permohonan

no_ permohonan varchar 30 Primary

Key

2 Id Absensi id_absensi int 11 FK

3 Jam Pebaikan jam_pebaikan varchar 8

4 Nik nik varchar 30

5 Tgl

Permohonan

tgl_Permohonan date -

6 Foto CCTV foto_CCTV varchar 100

7 Keterangan keterangan varchar 255

8 Status

Permohonan

status_Permoho

nan

enum 'Terkirim',

'Disetujui Section

Head',

'Tidak Disetujui

Section Head',

'Disetujui General

Manager',

'Tidak Disetujui

General Manager'

Fungsi : Untuk mengetahui divisi karyawan



Akses File : Random

Media : Harddisk


Kunci Field : id_divisi

Software : Mysql

Tabel IV. 16

Deskripsi Spesifikasi File Divisi

e. Spesifikasi File Approval

Nama File : Approval

Akronim : tb_Approval

Fungsi : Untuk mengelola data karyawan



Akses File : Random

Media : Harddisk


Kunci Field : id_Approval

Software : Mysql


1 Id Divisi id_divisi Int 3 Primary

Key

2 Nama Divisi nama_divisi Varchar 30

Tabel IV. 17

Deskripsi Spesifikasi File Approval

4. Class Model / Class Diagram

Gambar IV.16

Class Model / Class Diagram


1 Id Approval id_user int 10 Primary

Key

2 Username user_name varchar 50

3 Password password varchar 50

4 Nama

Approval

nama_user varchar 150

5 Id Divisi Id_divisi int 3 FK

6 Level

Approval

Level enum 'HRD','Section

Head','General

Manager'

5. Sequence Diagram

Gambar IV.17

Sequence Diagram HRD

sd Sequence Diagram HRD

HRD

Tampilan Utama

Web Browser

Menu Login Control Login Data HRD Menu Utama HRD

alt v alid

[Yes]

[No]

Memasukkan NIK dan password()

Menampilkan Pesan Eror()

Menampilkan Menu Login()

Menampilkan Menu Utama()


setData()

Memvalidasi akun()

Menu Login()

Gambar IV.18

Sequence Diagram Karyawan

sd Sequence Login Karyawan

Karyawan

Tampilan Utama

Web Browser

Menu Login Control Login Data HRD Menu Utama HRD

alt v alid

[Yes]

[No]


Menampilkan Pesan eror()

setData()

Menampilkan Menu

Login()

Menu Login()


Memvalidasi Akun()

Memasukkan NIK dan Password()

Gambar IV.19

Sequence Diagram Approval

6. Spesifikasi Hardware dan Software

a. Spesifikasi Hardware

1. Server

a) CPU

1) Processor Pentium® Core 2 Duo

2) RAM DDR2 4 GB

3) Hard Disk 1Tera

b) Mouse

c) Keyboard

d) Monitor dengan resolusi layar minimum 1024x768

sd Sequence Diagram Approv al

Approval

Menu Approv al Menu Data HRD

Memberikan perbaikan absen

yang sudah di approval()

Menyetujui perbaikan absen()

e) Koneksi internet dengan kecepatan 2 Mbps.

2. Client

a) CPU

1) Processor Pentium® 4

2) RAM DDR2 4GB

3) Hard Disk 500 GB

b) Mouse

c) Keyboard

d) Monitor dengan resolusi layar minimum 1024x768

e) Koneksi internet dengan kecepatan 56 kbps.

b. Spesifikasi Software

1. Server

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows

atau Linux (Ubuntu, Fedora, dll).

b. Aplikasi bundle web server seperti: Xampp, WampServer,

php2triad yang terdiri dari beberapa komponen, diantaranya:

(1) Aplikasi Apache Server v2

(2) Aplikasi PHP Server v5

(3) Aplikasi MySQL Server v5

(4) Aplikasi phpMyAdmin v3

c. Aplikasi Web Lihatr seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

53

2. Client

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau Linux

(Ubuntu, Fedora, dan lain-lain).

Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet Explorer, Google

Chrome.

1.3. 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

6 Tes Sistem

7 Pelatihan

8

Pembuatan Buku

Petunjuk

9 Evaluasi & Operasional

bab iv perancangan sistem usulan 1.1. tahapan … · permohonan perbaikan absen failed end...

Documents