BAB III DESAIN DAN PERANCANGAN

(1)

3.1 Perancangan Aplikasi

Aplikasi ini akan dikemas dan dirancang dengan menggunakan design dimana admin dapat memasukkan data-data yang terkait dengan aplikasi tersebut. Terdapat beberapa perangkat lunak dan perangkat keras yang digunakan penulis untuk mendukung proses perancangan aplikasi.

3.2 Hak Akses User

Sistem Penggajian ini memiliki dua level pengguna, yaitu keuangan dan administrator. Yang mana untuk keuangan mempunyai hak akses untuk mencetak, dan menghapus data penggajian serta mencetak laporan sedangkan administrator mempunyai hak akses lebih yaitu bisa menginput data, mengedit data, menghapus data dan mencetak data.

3.3 Analisa Kebutuhan Fungsional

Adapun analisis fungsional dari sistem adalah sebagai berikut : 1. Admin dapat Login

2. Admin dapat menginput data pengguna, master gaji, data dosen data mata kuliah dan data gaji

3. Admin dapat menambah data pengguna, master gaji, data dosen, data mata kuliah dan data gaji

4. Admin dapat mengedit data pengguna, master gaji, data dosen, data kuliah dan data gaji

5. Admin dapat menghapus data pengguna, master gaji, data dosen, data kuliah dan data gaji

6. Admin dapat mencetak slip gaji dan mencetak laporan

11

(2)

7. Kasir dapat mencetak dan menghapus slip gaji

3.4 Identifikasi Perangkat Lunak (Software)

Perangkat lunak (software) yang digunakan dalam pembuatan aplikasi penggajian dosen adalah sebagai berikut :

1. Sistem operasi Microsoft Windows 7 2. Macromedia Dreamweaver versi 8.0 3. Xampp Web Server

4. Adobe PhotoShop CS4

3.5 Identifikasi Perangkat Keras (Hardware)

Perangkat keras (Hardware) yang digunakan peulis dalam pembuatan aplikasi penggajian dosen adalah sebagai berikut :

1. Processor Intel Core i-3 2,20GHz 2. Memori RAM 2GB 3. VGA OnBoard 4. HardDisk 320GB 5. Monitor 14” 6. Keyboard 7. Mouse

3.6 Diagram Aliran Data

Untuk mempermudah user memahami sistem ini, maka dibuat diagram aliran data yang menampilkan proses input hingga output sistem pada aplikasi pengajian dosen.

3.6.1 Diagram Konteks

Diagram konteks merupakan bagian dari data flow diagram yang berfungsi memetakan model lingkungan yang menggambarkan interaksi, lebih tepatnya

(3)

pada garis batas sistem dan kemana sistem memberikan data. Diagram konteks merupakan DFD level paling atas yang hanya terdiri dari suatu proses yang menggambarkan sistem atau program secara keseluruhan.

SISTEM PENGGAJIAN DOSEN ADMIN KASIR DATA DOSEN MASTER GAJI DETAIL DATA PENGGAJIAN

LAPORAN

CETAK GAJI MATA KULIAH

DATA PENGGAJIAN DETAIL DATA MATA KULIAH

DETAIL DATA DOSEN DETAIL MASTER GAJI DETAIL DATA PENGGUNA

DATA PENGGUNA LAPORAN

Gambar 3.1 : Diagram Konteks Sistem Penggajian Dosen

Dapat dilihat dalam diagram di atas bahwa admin berperan sebagai operator yang dapat mengakses sistem informasi penggajian dosen dan kasir juga berperan sebagai operator yang dapat mengakses tetapi hanya mencetak laporan dan slip gaji

3.6.2 DATA FLOW DIAGRAM

DFD merupakan model dari sistem untuk menggambarkan pembagian sistem ke modul yang lebih kecil. Case control untuk menggambarkan desain proses disertai aliran data ( data flow ) yang digunakan dalam membangun sistem penggajian. DFD ( Data Flow Diagram) menunjukkan bagaimana arsiktektur

(4)

sistem informasi dibangun karena dapat menjadi panduan (guide) bagi programmer dalam membuat modul program. Oleh karena itu proses yang ada dalam DFD cenderung mengarah ke proses yang terjadi secara logika.

ADMIN LOGIN 1.0 PENDATAAN PENGGUNA 2.0 PENDATAAN MASTER GAJI 3.0 PENDATAAN DOSEN 5.0 PENDATAAN GAJI 6.0 PEMBUATAN LAPORAN 7.0

KASIR DATA GAJI

DETAIL GAJI DATA PENGUNA DATA MASTER GAJI DATA DOSEN DATA GAJI DATA JABATAN DATA DOSEN CETAK LAPORAN DATA LOGIN NOTIFIKASI LOGIN DATA LOGIN NOTIFIKASI LOGIN DATA PENGGUNA DETAIL PEGGUNA DATA PENGGUNA DETAIL PEGGUNA

DATA MASTER GAJI

DETAIL MASTER GAJI

DATA MASTER GAJI DETAIL MASTER GAJI DATA DOSEN DETAIL DOSEN DATA DOSEN DETAIL DOSEN DATA GAJI

DETAIL GAJI DATA GAJI

DETAIL GAJI

DATA GAJI

LAPORAN DATA PENGGAJIAN

CETAK LAPORAN

PENDATAAN MATA KULIAH

4.0 DATA MATA KULIAH

DETAIL MATA KULIAH

DATA MATA KULIAH DATA MATA KULIAH

DETAIL MATA KULIAH

DATA MATA KULIAH

(5)

1. Proses Login

Admin dan kasir berhak memasukkan proses login dengan memasukan data login berupa username, password dan level

2. Pendataan Pengguna

Admin memasukkan data pengguna untuk diproses oleh sistem dan disimpan di dalam tabel pengguna.

3. Pendataan Master Gaji

Admin memasukkan master gaji untuk diproses oleh sistem dan disimpan di dalam tabel master gaji yang nantinya dapat digunakan untuk proses

penggajian.

4. Pendataan Mata Kuliah

Admin memasukkan data mata kuliah untuk diproses oleh sistem daan disimpan di dalam tabel mata kuliah yang nantinya digunakan untuk proses pendataan dosen.

5. Pendataan Dosen

Admin memasukkan data dosen untuk diproses oleh sistem dan disimpan di dalam tabel dosen yang nantinya dapat digunakan untuk proses penggajian.

6. Pendataan Gaji

Admin dapat memasukkan data gaji untuk proses penggajian yang datanya diambil dari tabel jabatan dan tabel dosen kemudian disimpan pada tabel gaji yang nantinya digunakan untuk pembuatan laporan. Sedangkan kasir hanya dapat mencetak slip gaji.

7. Pembuatan Laporan

Admin dan kasir dapat melakukan mencetak laporan berdasarkan data yang telah disimpan. Laporan ini laporan penggajian.

(6)

3.6.3 ERD

Berdasarkan DFD di atas dapat dibuat ERD sebagai berikut :

kd_user nama_user no_telepon username password level Jabatan kd_jabatan nama_jabatan gaji_praktek gaji_teori Penggajian no_penggajian periode_gaji kd_dosen tunj_praktek jam_praktek total_praktek tunj_teori jam_teori total_teori kd_user Dosen kd_dosen nik nim_dosen kd_jabatan kelamin gol_darah agama alamat_tinggal no_telepon tempat_lahir tanggal_lahir status_kawin tanggal_masuk User Memiliki Memiliki Memiliki 1 _M 1 M 1 M Mata Kuliah kd_kuliah nm_kuliah jumlah_sks semester Memiliki 1 M tahun kd_kuliah

(7)

Gambar 3.3 : ERD Sistem Penggajian Dosen

Dari gambar diatas dijelaskan bahwa penggajian memiliki data user dan data dosen, sedangkan data dosen memiliki data jabatan.

3.7 Perancangan Database

Perancangan database adalah proses yang dibutuhkan untuk menentukan isi dan pengaturan untuk membuat suatu aplikasi.

3.7.1 Relasi Tabel

Relasi adalah hubungan antar tabel yang mempresentasikan hubungan antar objek. Relasi dibawah ini merupakan hubungan antara tabel data penggajian, data dosen, data jabatan dan data mata kuliah

penggajian no_penggajian periode_gaji kd_dosen tunj_praktek jam_praktek total_praktek tunj_teori jam_teori total_teori kd_user char 5 char 7 char 5 integer 10 integer 5 integer 10 integer 10 integer 5 integer 10 char 4 <pk> dosen kd_dosen no_penggajian nik nama_dosen kd_jabatan kelamin gol_darah agama alamat_tinggal no_telepon tempat_lahir tanggal_lahir status_kawin tanggal_masuk kd_kuliah char 5 char 5 varchar 20 varchar 50 char 4 varchar 10 enum (",'A','B,'AB','O') varchar 20 varchar 100 varchar 20 varchar 30 date

enum (",'KAWIN','BELUM KAWIN') date varchar 4 <pk> <fk1,fk2> jabatan kd_jabatan kd_dosen nama_jabatan gaji_praktek gaji_teori tahun char 4 char 5 varchar 30 integer 10 integer 10 int 4 <pk> <fk> Mata Kuliah kd_kuliah nm_kuliah jumlah_sks semester char 5 varchar 20 varchar 30 varchar 20 <pk> Gambar 3.4 : Relasi Tabel Sistem Penggajian Dosen

(8)

3.7.2 Perancangan Tabel Basis Data Daftar Tabel Aplikasi

Nama Tabel Primary Key Data Store E/R Deskripsi Isi

User kd_user User entitas Berisi field kd_user,

nama_user, no_telepon, username, password, level

jabatan kd_jabatan Jabatan entitas Berisi field kd_jabatan,

nama_jabatan,

gaji_praktek, gaji_teori, tahun

mata-kuliah kd_kuliah Mata

Kuliah

entitas Berisi field kd_kuliah, nm_kulia, jumlah_sks, semester

Dosen kd_dosen Dosen entitas Berisi field kd_dosen,

nik, nim_dosen, kd_jabatan, kelamin, gol_darah, agama, alamat_tinggal, no_telepon, tempat_lahir, status_kawin, tanggal_masuk, kd_kuliah

penggajian no_penggajian penggajian entitas Berisi field

no_penggajian, periode_gaji, kd_dosen, tunj_praktek, jam_paktek, total_praktek, tunj_teori, jam_teori, total_teori, kd_user

(9)

Tabel 3.1 : Tabel Aplikasi 3.7.3 Deskripsi Rinci Tabel

Dari tabel apikasi diatas dapat dirinci berdasarkan setiap tabel :

a. Tabel User

Id Field Deskripsi Tipe & Leght Boleh NULL

Default Ket

kd_user Kode Username Char (4) NO - -

nama_user Nama username (admin)

Varchar (50) NO - -

no_telepon Nomer telepon

username

Varchar (20) NO - -

Username Nama username Varchar ( 20) NO - -

Password Nomer unik kode

password

Varchar (32) NO - -

Level Level Username Varchar (20) NO - -

Tabel 3.2 : Tabel User b. Tabel Jabatan

Default Ket

kd_jabatan Kode Jabatan Char (4) NO - -

tahun Tahun Int (4) NO - -

nama_jabatan Nama jabatan (admin)

Varchar (30) NO - -

gaji_praktek Gaji Praktek Int (10) NO - -

gaji_teori Gaji Teori Int (10) NO - -

(10)

c. Tabel Mata Kuliah

Default Ket

kd_kuliah Kode Mata

Kuliah

Char (4) NO - -

nm_kuliah Nama Mata

Kuliah

Varchar (20) NO - -

jumlah_sks sks Varchar (30) NO - -

semester semester Varchar (20) NO - -

Tabel 3.4 : Tabel Mata Kuliah d. Tabel Dosen

Default Ket

kd_dosen Kode Dosen Char (5) NO - -

nik Nik Dosen Varchar (20) NO - -

nim_dosen Nim Dosen Varchar (50) NO - -

kd_jabatan Kode Jabatan Char (4) NO - -

kd_kuliah Kode Kuliah Char (4) NO -

kelamin Jenis Kelamin

Dosen

Varchar (10) NO - -

gol_darah Golongan Darah enum

(’A’,’B’,’AB’,’O’)

NO - -

agama Agama Dosen Varchar (20) NO - -

alamat_tinggal Alamat / tempat tinggal Dosen

Varchar (100) NO - -

no_telepon Nomer Telepon

Dosen

(11)

tempat_lahir Tempat Lahir Dosen

Varchar (30) NO - -

tanggal_lahir Tanggal Lahir

Dosen

Date NO - -

status_kawin Status Kawin

Dosen

enum

(‘kawin’,’belum kawin’)

NO - -

tanggal_masuk Tanggal masuk

Dosen

Date NO - -

Tabel 3.5 : Tabel Dosen e. Tabel Penggajian

Default Ket

no_penggajian Nomer Penggajian Char (5) NO - -

periode_gaji Periode gaji Char (7) NO - -

kode_dosen Kode Dosen Char (5) NO - -

tunj_praktek Tunjangan Praktek

Int (10) NO - -

jam_praktek Jam Praktek Int (5) NO - -

total_praktek Total Praktek Int (10) NO - -

tunj_teori Tunjangan Teori Int (10) NO - -

jam_teori Jam Teori Int (5) NO - -

total_teori Total Teori Int (10) NO - -

kd_user Kode Username Char (4) NO - -

(12)

3.7.4 Perancangan Antar Muka (Interface)

Perancangan antarmuka adalah desain untuk komputer yang berfokus pada pengalaman pengguna.

a. Login

Antar muka ini berfungsi untuk melakukan proses login masuk ke dalam sistem, yang hanya diperuntukan kepada user. User harus menginputkan username dan password berdasarkan level masing- masing yang sudah terinput ke dalam database.

Gambar 3.5 : Login MASUK SISTEM Username : Password : Level : Login LOGO LOGO LOGO LOGO

SISTEM INFORMASI PENGGAJIAN DOSEN AKADEMI KOMUNITAS MADIUN

(13)

b. Form Menu Utama / Beranda

Antarmuka ini merupakan halaman awal setalah admin berhasil login. SISTEM INFORMASI PENGGAJIAN DOSEN

AKADEMI KOMUNITAS MADIUN

LOGO LOGO

Gambar 3.6 : Halaman Menu Utama BERANDA DATA PENGGUNA MASTER GAJI DATA DOSEN MATA KULIAH LOGOUT ISI DATA PENGGAJIAN LAPORAN

(14)

c. Form Master Gaji

Antarmuka ini memiliki fungsi untuk melihat, menambah, mengubah dan menghapus data pengguna

LOGO LOGO

Gambar 3.7 : Form Data Pengguna

BERANDA DATA PENGGUNA MASTER GAJI DATA DOSEN MATA KULIAH MASTER GAJI Tambah Data

Berisi Detail Master Gaji Yang mempunyai fasilitas ubah dan

hapus DATA PENGGAJIAN

LAPORAN LOGOUT

(15)

d. Form Data Jabatan

Antarmuka ini memiliki fungsi untuk melihat, menambah, mengubah dan menghapus data jabatan.

Gambar 3.8 : Form Master Gaji

Gambar 3.8 : Form Data Pengguna

LAPORAN

Berisi Detail Data Jabatan Yang mempunyai fasilitas ubah dan

hapus DATA JABATAN Tambah Data BERANDA DATA PENGGAJIAN LAPORAN LOGOUT MATA KULIAH DATA DOSEN MASTER GAJI DATA PENGGUNA

LOGO SISTEM INFORMASI PENGGAJIAN DOSEN

AKADEMI KOMUNITAS MADIUN

(16)

e. Form Data Dosen

Antarmuka ini memiliki fungsi untuk melihat, menambah, mengubah dan menghapus data dosen.

LOGO LOGO

Gambar 3.10 : Form Data Dosen

Gambar 3.9 : Form Data Dosen

LAPORAN LAPORAN DATA DOSEN Tambah Data BERANDA DATA PENGGUNA MASTER GAJI

Berisi Detail Data Dosen Yang mempunyai fasilitas ubah dan

hapus DATA DOSEN MATA KULIAH DATA PENGGAJIAN LAPORAN LOGOUT

(17)

f. Form Data Mata Kuliah

Antarmuka ini memiliki fungsi untuk melihat, menambah, mengubah dan menghapus mater gaji.

Gambar 3.9 : Form Mata kuliah

Gambar 3.10 : Form Data Mata Kuliah

LAPORAN

LOGO LOGO

DATA MATA KULIAH Tambah Data BERANDA

DATA PENGGUNA MASTER GAJI

Berisi Data Mata Kuliah

Yang mempunyai fasilitas tambah ubah dan hapus DATA DOSEN MATA KULIAH DATA PENGGAJIAN LAPORAN LOGOUT

(18)

g. Form Data Penggajian

Antarmuka ini memiliki fungsi untuk melihat, menambah, mencetak dan menghapus data penggajian.

Gambar 3.11 : Form Data Penggajian

LAPORAN

LOGOUT

LOGO LOGO DATA PENGGAJIAN Tambah Data BERANDA DATA PENGGUNA MASTER GAJI

Berisi Detail Data Penggajian DATA DOSEN

Yang mempunyai fasilitas cetak dan hapus

MATA KULIAH DATA PENGGAJIAN

LAPORAN LOGOUT

(19)

h. Form Laporan

Antarmuka ini berisi laporan data pengguna, laporan data jabatan, laporan data dosen, laporan data penggajian yangmempunyai fasilitas cetak laporan.

Gambar 3.1 : Form Laporan

LOGOUT

LOGO LOGO

_BERANDA

MATA KULIAH DATA PENGGAJIAN LOGOUT LAPORAN DATA DOSEN MASTER GAJI DATA PENGGUNA

Gambar 3.12 : Form Laporan i. Form Logout

Antarmuka yang mempunyai fungsi untuk menutup aplikasi setelah user selesai menggunakan aplikasi tersebut.