bab iv perancangan sistem 4 -...

21
28 BAB IV PERANCANGAN SISTEM Perancangan sistem merupakan pedoman melakukan implementasi sistem nantinya. Tujuan dari perancangan sistem ini adalah memberikan gambaran secara umum kepada user tentang desain-desain tampilan, rancangan basis data, diagram konteks, diagram berjenjang, diagram alir data, flowchart sistem, dan flowchart program. 4.1 Rancangan Tampilan Menu 4.1.1 Login Admin Dan Presensi Gambar 4.1. Desain tampilan menu login Admin dan Presensi pegawai Menu login digunakan khusus untuk admin yang bertugas mengelola data- data dalam menu utama dan menu presensi digunakan untuk presensi pegawai 4.1.2 Desain Menu Utama dan sub menu Master Gambar 4.2. Desain tampilan Sub menu Master SISTEM INFORMASI PENGGAJIAN PEGAWAI PADA PUSKESMAS MUARADUAKISAM USERNAME PASSWORD LOGIN KELUAR PRESENSI Master Transaksi Laporan SISTEM INFORMASI PENGGAJIAN PEGAWAI PADA PUSKESMAS MUARADUAKISAM Pegawai Golongan Jabatan Logout

Upload: dinhcong

Post on 12-Mar-2019

215 views

Category:

Documents


0 download

TRANSCRIPT

28

BAB IV

PERANCANGAN SISTEM

Perancangan sistem merupakan pedoman melakukan implementasi sistem

nantinya. Tujuan dari perancangan sistem ini adalah memberikan gambaran secara

umum kepada user tentang desain-desain tampilan, rancangan basis data, diagram

konteks, diagram berjenjang, diagram alir data, flowchart sistem, dan flowchart

program.

4.1 Rancangan Tampilan Menu

4.1.1 Login Admin Dan Presensi

Gambar 4.1. Desain tampilan menu login Admin dan Presensi pegawai

Menu login digunakan khusus untuk admin yang bertugas mengelola

data- data dalam menu utama dan menu presensi digunakan untuk presensi

pegawai

4.1.2 Desain Menu Utama dan sub menu Master

Gambar 4.2. Desain tampilan Sub menu Master

SISTEM INFORMASI PENGGAJIAN PEGAWAI

PADA PUSKESMAS MUARADUAKISAM

USERNAME

PASSWORD

LOGIN KELUAR

PRESENSI

Master Transaksi Laporan

SISTEM INFORMASI PENGGAJIAN PEGAWAI PADA

PUSKESMAS MUARADUAKISAM

Pegawai Golongan Jabatan Logout

29

Desain menu utama langsung keluar menu master dimana pada

menu master terdiri dari 5 botton yaitu botton pegawai untuk input data

pegawai, botton golongan untuk input data golongan , botton jabatan

untuk input data jabatan , user untuk menginputkan data user dan logout

untuk keluar program

4.1.3 Desain menu Transaksi

Gambar 4.3. Desain Tampilan Menu Transaksi

Desain menu transaksi memiliki dua botton yaitu botton

penggajian untuk mengelola data gaji pegawai dan botton kegiatan

untuk mengelola kegiatan para pegawai.

4.1.4 Tampilan Sub Menu laporan

Gambar 4.4. Desain Tampilan Submenu Laporan

Desain menu laporan terdiri dari 6 botton yaitu botton pegawai

untuk lihat laporan data pegawai, botton presensi untuk lihat laporan

data presensi, botton jabatan untuk lihat laporan data jabatan , golongan

Input data Transaksi Laporan

SISTEM INFORMASI PENGGAJIAN PEGAWAI PADA PUSKESMAS MUARADUAKISAM

PEGAWAI PRESENSI JABATAN GOLONGAN KEGIATAN

HARIAN GAJI

Input data Transaksi Laporan

SISTEM INFORMASI PENGGAJIAN PEGAWAI PADA

PUSKESMAS MUARADUAKISAM

penggajian

30

untuk lihat laporan data laporan botton kegiatan untuk melihat laporan

kegiatan dan botton gaji untuk melihat laporan gaji..

4.2 Normalisasi

Normalisasi adalah proses untuk mengorganisasikan file untuk

menghilangkan group elemen yang berulang-ulang.

4.2.1 Bentuk Unnormal

Bentuk unnormal difungsikan untuk: menghilangkan perulangan

group. Jadi atribut-atribut yang muncul secara berulang harus dihilangkan.

Gambar 4.5. Bentuk Unnormal

4.2.2 Bentuk Normal Pertama (1NF)

Suatu tabel dikatakan dalam bentuk normal pertama hanya kalau

setiap kolom bernilai tunggal untuk setiap baris

Gambar 4.6. bentuk Normal Pertama

Id gaji idgolongan gaji pokok Tgl_gaji Nip Bulan hrg_beras

Tahun Gapok T.kawin T anak T_struktural T_fungsional

id_jbatan jabatan nip nama id golongan golongan JK

status _kawin tmp _lahir tgl _lahir alamat Telp Tgl_ sk koata

jm _anak masakerja gapok T_beras Tarum pajak Askes

T_Umum Id absen jam_masuk jam keluar username Password

PEGAWAI

nip

nama

jk

status kawin

tempat lahir

tanggal lahir

alamat

telpon

tanggal sk

jml anak

password

GAJI

Id gaji

Tanggal gaji

Bulan

Tahun

Gapok

T.kawin

T anak

T. Struktural

T fungsional

Pajak

T beras

Tarum

Askes

T_ umum

Masakerja

JABATAN

Id jabatan

Jabatan

GOLONGAN

Golongan

Id golongan

USER

Username

Password

Absen

Id absen

Jam masuk

Jam pulang

Tgl_presens

31

4.2.3 Bentuk Normal Kedua (2NF)

Suatu tabel berada dalam bentuk normal kedua jika table berada

dalam bentuk normal pertama, semua kolom bukan kunci primer

tergantung sepenuhnya terhadap kunci primer.

Gambar 4.7. Bentuk Normal kedua

4.2.4 Bentuk Normal Ketiga (3NF)

Gambar 4.8. Bentuk Normal Ketiga

GAJI

Id gaji*

Masa kerja

Gaji pokok

PEGAWAI

Nip *

Nama

Jk

Status kawin

Tempat lahir

Tanggal lahir

Alamat

Telpon

Tanggal sk

Jml anak

Password

PENGGAJIAN

Id gajian*

Tanggal gaji

Bulan

Tahun

Gapok

T_kawin

T _anak

T_ Struktural

T _fungsional

Pajak

T _beras

Tarum

Masa kerja

Askes

T_umum

Koata

Harga beras

JABATAN

Id jbatan *

Jabatan

GOLONGAN

Id golongan *

Golongan

USER

Username

Password

Absen

Id absen*

Jam masuk

Jam pulang

Tgl_presensi

PEGAWAI

Nip *

Id_golongan**

Id_jabatan**

Nama

Jk

Status kawin

tempat lahir

tanggal lahir

Alamat

Telpon

tanggal sk

jml anak

password

PENGGAJIAN

Id gajian*

Nip**

Tanggal gaji

Bulan

Tahun

Gapok

T.kawin

T anak

T. Struktural

T fungsional

Pajak

T beras

Tarum

Masa kerja

T_umum

Askes

JABATAN

Id jabatan *

Jabatan

T_fungsional

T_struktural

GOLONGAN

id golongan*

golongan

T_istri

T_anak

T_umum

Tarum

Askes

GAJI

Id gaji*

Masa kerja

Id golongan**

Gaji pokok

Absen

Id absen*

Nip **

Jam masuk

Jam pulang

Tgl_presensi

USER

Username

Password

Nip **

BERAS

Harga_beras

koata

32

4.3 Relasi antar tabel

Jabatan

Id jabatan*

Jabatan

T.fungsional

T struktural

Penggajian

Id gajian*

Nip**

Tanggal gaji

Bulan

Tahun

Gapok

T.kawin

T anak

T. Struktural

T fungsional

Pajak

T beras

Tarum

T_umum

Askes User

Nip **

User name

password

Pegawai

Nip *

Id golongan **

Id jabatan **

Nama

Jk

Status kawin

tempat lahir

tanggal lahir

Alamat

Telpon

tanggal sk

jml anak

password

Golongan

id golongan*

golongan

T_istri

T_anak

T_umum

Tarum

Askes

Gaji

Id gaji*

Masa kerja

Id golongan**

Gaji pokok

Absen

Id absen*

Nip **

Jam masuk

Jam pulang

Tgl_presensi

Absen

Harga _beras

Koata

Gambar 4.9. Relasi Antar Tabel

4.4 Kamus Data

4.4.1 Tabel Pegawai

Nama tabel : PEGAWAI

Kunci tabel : Nip

Tipe file : Master

Kegunaan : Menyimpan Data Identitas Pegawai

33

Tabel.4.1 Struktur Data Tabel Master Pegawai

No Nama field Tipe Lebar Keterangan

1.

2.

3.

4.

5.

6.

7

8

9

10

11

12

13

Nip

Nama

Jenis_kel

Status kawin

Alamat

anak

Tempat lahir

Tanggal lahir

Tanggal_sk

Telpon

Password

Id jabatan

Id golongan

Varchar

Varchar

Enum

Enum

Varchar

Int

varchar

Date

Date

Varchar

Varchar

Int

Int

18

50

(L/P)

(K/B)

100

2

50

100

32

2

2

Memasukan Id Pegawai

Memasukan Nama Pegawai

Memasukan Jenis Kelamin Pegawai

Memasukan Status Kawin Pegawai

Memasukan Alamat Dari Pegawai

Masukkan Jumlah Anakpegawai

Masukkan Tempat Lahir Pegawai

Masukkan Tanggal Lahir Pegawai

Masukkan Tanggal SK Pegawai

Memasukkan No Telpon Pegawai

Memasukkan Password Pegawai

Memasukkan Idjabatan Pegawai

Memasukkan Idjgolongan Pegawai

4.4.2 Tabel Jabatan

Nama tabel : JABATAN

Kunci tabel : Id _Jabatan

Tipe file : Master

Kegunaan : Menyimpan Data Identitas Jabatan

Tabel.4.2 Struktur Data Tabel Master Jabatan

No Nama field Tipe Lebar Keterangan

1.

2.

3.

4.

Id Jabatan

Jabatan

Tunjangan struktural

Tunjangan Fungsional

Int

Varchar

Double

Double

2

50

Memasukan Id Jabatan

Memasukan Nama Jabatan

Memasukan Tunjangan Struktural

Memasukan Tunjangan Fungsional

34

4.4.3 Tabel Golongan

Nama tabel : GOLONGAN

Kunci tabel : Id _ golongan

Tipe file : Master

Kegunaan : Menyimpan Data Identitas Golongan

Tabel.4.3 Struktur Data Tabel Golongan

No Nama field Tipe Lebar Keterangan

1.

2.

3.

4.

5.

6.

7.

Id _golongan

Golongan

T_kawin

T_anak

T_umum

Askes

Tarum

Int

Varchar

Decimal

Decimal

Double

Double

Double

2

4

10

10

Masukkan Id Golongan

Masukkan Golongan

Masukkan Tunjangan Kawin

Masukkan Tunjangan Anak

Masukkan Tunjangan Umum

Masukkan Askes

Masukkan Tarum

4.4.4 Tabel Penggajian

Nama tabel : PENGGAJIAN

Kunci tabel : Id _ Gajian

Tipe file : Transaksi

Kegunaan : Menyimpan Data Identitas Gajian

35

Tabel.4.4 Struktur Data Table Transaksi Penggajian

No Nama field Tipe Lebar Keterangan

1.

2.

3.

4.

5.

6.

7

8.

9

10

11

12

13

14

15

Id _ Gajian

Nip

Tgl

Tahun

Bulan

Gaji pokok

Tunjangan struktural

Tarum

Pajak

Tunjangan anak

Tunjangan kawin

Tunjangan beras

Askes

Tunjangan fungsional

Tunjangan umum

int

varchar

timestamp

Int

int

double

Double

Double

Double

Double

Double

Double

Int

Double

Int

2

18

4

2

10

10

Masukkan Id Gaji

Masukkan Nip

Masukkan Tgl Gaji

Masukkan Tahun Gaji

Masukkan Bulan Gaji

Masukkan Gaji Pokok

Masukkan Tunjangan Struktural

Masukkan Uang Tarum

Masukkan Pajak

Masukkan Tunjangan Anak

Masukkan Tunjangan Kawin

Masukkan Tunjangan Beras

Masukkan Askes

Masukkan Tunjangan Fungsional

Memasukkan Tunjangan Umum

4.4.5 Tabel gaji

Nama tabel : GAJI

Kunci tabel : id_gaji

Tipe file : Transaksi

Kegunaan : menyimpan data identitas gaji

Tabel.4.5 Struktur Data Tabel Gaji

No Nama field Tipe Lebar keterangan

1.

2.

3.

4.

Id _ gaji

Id_ golongan

Mkg

Gaji_pokok

int

Int

Int

Double

10

2

2

Masukkan Id Gaji

Masukkan Id Golongan Pegawai

Masukkan Masa Kerja Pegawai

Masukkan Gaji Pokok

36

4.4.6 Tabel absen

Nama tabel : ABSEN

Kunci tabel : id_absen

Tipe file : Transaksi

Kegunaan : Menyimpan Data Identitas Absensi

Tabel.4.6 Struktur Data Tabel Absen

No Nama field Tipe Lebar keterangan

1.

2.

3.

4.

5.

6.

Id _ absen

Nip

Tgl

Masuk

Keluar

Kegiatan

Int

Varchar

date

Time

Time

Varchar

10

18

2

100

Masukkan Id Absen

Masukkan Nip Pegawai

Masukkan Tanggal Absen

Masukkan Waktu Masuk

Memasukkan Waktu Keluar

Memasukkan kegiatan

4.4.7 Tabel user

Nama tabel : USER

Kunci tabel : _

Tipe file : Transaksi

Kegunaan : menyimpan data identitas Login

Tabel.4.7 Struktur Data Tabel User

No Nama field Tipe Lebar Keterangan

1.

2.

3

Username

Password

Nip

Varchar

Varchar

Varchar

50

32

18

Memasukan username

Memasukan Password

Memasukkan nip

4.4.8 Tabel Beras

Nama tabel : Beras

Kunci tabel : _

Tipe file :Master

Kegunaan : menyimpan data identitas Beras

37

Tabel.4.8 Struktur Data Tabel Beras

No Nama field Tipe Lebar Keterangan

1.

2.

Koata

Harga beras

Int

Double

2

32

Memasukan kuota

Memasukan harga beras

4.1 Diagram Konteks

Model diagram konteks menjabarkan tentang aktor-aktor yang

terlibat dalam suatu konteks informasi, serta dinamika informasi yang terjadi

antar aktor-aktor tersebut. Pada model ini tergambar organisasi yang

bersangkutan, dan dengan siapa saja organisasi ini berhubungan secara

informasi.

Sistem informasi yang akan diimplementasikan dapat dideskripsikan

dalam diagram konteks berikut dimana terdapat 3 entitas yang terkait yaitu

pegawai, pimpinan Puskesmas dan Admin

Gambar 4.10 Diagram konteks

Laporan pegawai

Laporan jabatan

Laporan golongan

Laporan gaji

Laporan presensi

Laporan kegiatan

SISTEM

INFORMASI

PENGGAJIAN

PEGAWAI

Pimpinan puskesmas

ADMIN

Laporan pegawai

Laporan jabatan

Laporan golongan

Laporan gaji

Laporan presensi

Laporan Kegiatan

Input data pegawai

Input data jabatan

Input data golongan

Input data gaji

Input data user

PEGAWAI Input

Presensi

Laporan Slip gaji

38

4.2 Diagram berjenjang

0

SISTEM INFORMASI

PENGGAJIAN

PEGAWAI PADA

PUSKESMAS

2.2

MASTER

4.0

LAPORAN

3.0

TRANSAKSI

2.1

PEGAWAI

2.2

JABATAN

2.3

GOLONGAN

2.4

USER

4.1

PEGAWAI

4.2

JABATAN

4.3

GOLONGAN

3.1

PENGGAJIAN

4.4

PRESENSI

1.2

PRESNSI

PEGAWAI

1.1

LOGIN

ADMIN

1.0

MASUK

SISTEM

4.5

KEGIATAN

4.6

GAJI

Gambar 4.11. Diagram Berjenjang

4.3 Diagram Alir Data

4.3.1 Dad Level 0

ADMIN

1.0

MASUK

SISTEM

PEGAWAI

presensi

Data presensi

Input presensi

2.0

INPUT DATA

gajian

Pegawai

3.0

TRANSAKSIHitung gaji

4.0

LAPORAN

Input data pegawai

Input data jabatan

Input data golonganJabatan

Golongan

Input gaji

Slip gaji

Data pegawai

Data pegawai

Data jabatan

Data golongan

Data pegawai

Laporan pegawai

Laporan golongan

Lapran jabatan

Laporan gaji

Laporan presensi

Laporan kegiatan

Data jabatanData golongan

Data gajian

Data presensi

KETUA

PUSKESMAS Laporan pegawai

Laporan golongan

Lapran jabatan

Laporan gaji

Laporan presensi

Laporan kegiatan

UserData user

Gambar 4.12 DAD Level 0

39

4.3.2 Dad Level 1 Masuk System

1.2

PRESENSIPEGAWAI presensiInput presensi Data presensi

Gambar 4.13 DAD Level 1 Proses Masuk

4.3.3 Dad level 1 Master

ADMIN

2.1

INPUT DATA

PEGAWAI

DATA PEGAWAIPegawai

Jabatan

Golongan

Data jabatan

Data pegawai

Data golongan

2.2

INPUT DATA

JABATAN

2.3

INPUT DATA

GOLONGAN

DATA JABATAN

DATA GOLONGAN

2.4

INPUT DATA

USERuser

DATA USER Data User

Gambar 4.14 DAD Level 1 Master

4.3.4 Dad level 1 Transaksi

ADMIN Gajian Penghitungan gaji

3.1

PENGGAJIAN Data Gajian

Lap gajian

pegawaiPEGAWAI Slip gaji

Pegawai

Gambar 4.15 DAD Level 1 transaksi

40

4.3.5 Dad Level 1 Laporan

ADMIN

41

LAPORAN

PEGAWAI Pegawai

Jabatan

Golongan

Laporan pegawai

Laporan jabatan

Laporan golongan

4.2

LAPORAN

JABATAN

4.3

LAPORAN

GOLONGAN

Lap. pegawai

Lap pegawai

Lap golongan4.4

LAPORAN

PRESENSI

Presensi

Laporan presensi

Lap . Presensi

4.5

LAPORAN

GAJI

Laporan gaji Gaji

Lap . gaji

Gambar 4.16 DAD Level 1 Laporan

4.4 Flowchart Sistem

Pegawai Jabatan Golongan absen gajian User

Proses Proses Proses Proses Proses

Proses

pegawai Jabatan Golongan Absen Penggajian

User

Proses Tampil Proses Tampil Proses TampilProses Tampil Proses Tampil

Tampil pegawai Tampil Jabatan Tampil golonganTampil presensi Tampil gajian

Proses Tampil

Tampil user

Gaji

Gaji

Proses Tampil

Tampil gaji

Proses

Beras

Proses

Beras

Proses Tampil

Tampil beras

Gambar 4.17 Flowchart Sistem

41

4.5 Flowchart Program

Mulai

Tampilkan

Form login

dan

presensi

Tampilkan Menu

master Transaksi,

Laporan .

Pilih Menu

Input Data

Pilih Menu

Transaksi

Pilih Menu

Laporan

Apakah mau

keluar

Pilih menu

Login

Pilih menu

presensi

Berhasil

Proses LoginMenu

Utama

Menu

master

Menu

Transaksi

Menu

Laporan

T

Y

Y

T

Y

Y

T

Y

T

Y

T

Y

T

Proses Presensi

T

Selesai

Gambar 4.18 Flowchart Program

42

4.9.1. Flowchart Program Menu Master

Menu

Master

Tampilkan Menu

pegawai, jabatan,

golongan

Pilih Form

Pegawai

Pilih Form

jabtan

Pilih Form

golongan

TIDAK

TIDAK

TIDAK

Tambah

pegawai

Input data

pegawai

Simpan Data

PegawaiYA

YA

Input Data

jabatan

Simpan Data

jabatan

Tambah

jabatan YA

YA

Input Data

golongan

Simpan Data

golongan

Tambah

golongan YA

YA

Menu

utama TIDAK

TIDAK

TIDAK

Gambar 4.19 Flowchart Program Input Data

43

4.9.2. Flowchart Program menu Transaksi

Menu

Transaksi

Tampilkan Form

Menu penggajian

Pilih Form

penggajian

Tambah daftar

baru

Input data

gaji Simpan Data gaji YA

TIDAK

Cetak slip gaji

TIDAK

Menu

Utama

YA

Cetak laporan

gaji

TIDAK

Cetak slip gaji

Cetak laporan gaji

TIDAK

YA

YATampilkan

laporan gaji

Tampilkan

laporan slip

gaji

Keluar

Tidak

YA

Gambar 4.20 Flowchart Program Menu Transaksi

44

4.9.3. Flowchart Program Laporan

Menu

Laporan

Tampilkan laporan

pegawai, jabatan,

golongan, Presensi

Pilih laporan

Pegawai

Pilih laporan

jabtan

Pilih laporan

golongan

TIDAK

TIDAK

TIDAK

Cetak laporan Lihat

laporan Prses cetakYA YA

YA

YA

Menu

utama

TIDAK

Cetak laporan Lihat

laporan Prses cetakYA

TIDAK

Cetak laporan Lihat

laporan Prses cetakYA

TIDAK

Cetak laporan Lihat

laporan Prses cetakYA

TIDAK

Pilih laporan

presensi

TIDAK

YA

Menu

utama

Menu

utama

Menu

utama

Menu

utama

Gambar 4.21 Flowchart Program Menu Laporan

4.6 Rancangan Input Output

4.10.1. Rancangan Input

1) Desain form input menu login

Gambar 4.22 Desain Login Admin

Username:

Password :

LOGIN CANCEL

X(20)

X(50)

45

2) Desain input data pegawai

Gambar 4.23 Desain Input Data Pegawai

3) Desain input data Jabatan

Gambar 4.24 Desain Input Data Jabatan

INPUT DATA PEGAWAI Nip :

Nama lengkap

Golongan

Jabatan

Jk status Nikah

Tempat lahir

Tgl lahir

Alamat

No telp

Tgl sk

Jumlah anak

Password

Laki-laki

Perempuan

Kawin

Belum Kawin

Tambah Hapus Batal Tutup

Nip nama alamat jabatan gol

INPUT DATA JABATAN

Jabatan

Tunjangan fungsional

Tunjangan Struktural

Jabatan Tunjangan fungsional Tunjangan Struktural

Simpan

Hapus

Batal

al Tutup

46

4) Desain input Gaji dan Golongan

5)

Gambar 4.25 Desain Input Data Gaji Dan Golongan

6) Desain input Transaksi Presensi

Gambar 4.26 Desain Input Data Presensi

INPUT PRESENSI

Tanggal

Nip

Password

P.MASUK

P.PULANG BATAL

KELUAR

INPUT DATA GOLONGAN DAN GAJI

Golongan T_istri

T_anak Tarum

T_umum Askes

Golongan T_istri T_anak Tarum T_umum Askes

Golongan

Masa kerja

Gapok

Golongan Masa kerja Gapok

Simpan

Hapus

Batal

Tutup

Simpan

Hapus

Batal

Tutup

47

4.10.2 Rancangan Output

1) Output Data Pegawai

Gambar 4.27 Desain Output Data Pegawai

2) Output Data Golongan Dan Gaji

Gambar 4.28 Desain Output Data Gaji Dan Golongan

3) Output Data Jabatan

Gambar 4.29 Desain Output Data Jabatan

Laporan Data Pegawai Pada Puskesmas Muaradua Kisam

===============================================

No Nip Nama Tempat

lahir

Tanggal

lahir

Alam

at

JK No

telp

Status

nikah

Password

X1 X15 X150 X50 00-00-0000 X150 X2 X12 X4 X15

Laporan Data Gaji Pada Puskesmas Muaradua

Kisam

=======================================

Golongan T_istri T_anak Tarum T_umum Askes

X(2) X(10) X(2) X(10) X(10) X(10)

Laporan data jabatan pada puskesmas

muaradua kisam

=======================================

Jabatan T_struktural T_fungsional

X(2) X(10) X(10)

48

4) Output Slip Gaji

Gambar 4.30 Desain Output Slip Gaji