BAB III DESAIN DAN PERANCANGAN 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
12 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
13 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. KASIR DETAIL DATA PENGGAJIAN DETAIL DATA MATA KULIAH DETAIL DETAIL DETAIL DATA PENGGAJIAN MATA KULIAH SISTEM PENGGAJIAN DOSEN CETAK GAJI ADMIN 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
14 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. DATA LOGIN NOTIFIKASI LOGIN DATA LOGIN LOGIN 1.0 NOTIFIKASI LOGIN ADMIN DETAIL PEGGUNA PENDATAAN PENGGUNA 2.0 DETAIL PEGGUNA DATA PENGUNA DATA DETAIL PENDATAAN 3.0 DATA DETAIL MASTER GAJI DATA MASTER GAJI DATA MATA KULIAH PENDATAAN MATA KULIAH 4.0 DATA MATA KULIAH DETAIL MATA KULIAH DATA MATA KULIAH DETAIL MATA KULIAH DETAIL DOSEN PENDATAAN DOSEN 5.0 DETAIL DOSEN DATA MATA KULIAH DATA GAJI KASIR DETAIL GAJI DATA GAJI DETAIL GAJI PENDATAAN GAJI 6.0 DATA GAJI DATA GAJI DETAIL GAJI DATA JABATAN DATA PENGGAJIAN DATA PENGGAJIAN PEMBUATAN 7.0 DATA GAJI CETAK CETAK Gambar 3.2 : DFD Sistem Penggajian Dosen
15 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.
16 3.6.3 ERD Berdasarkan DFD di atas dapat dibuat ERD sebagai berikut : kd_user kd_jabatan nama_user nama_jabatan no_telepon username User Jabatan gaji_praktek password gaji_teori level M tahun M Memiliki Memiliki kd_dosen nik no_penggajian 1 nim_dosen periode_gaji 1 kd_jabatan kd_dosen kelamin tunj_praktek gol_darah jam_praktek Penggajian 1 M Memiliki Dosen agama total_praktek 1 alamat_tinggal tunj_teori no_telepon jam_teori Memiliki tempat_lahir total_teori kd_kuliah M tanggal_masuk kd_user nm_kuliah jumlah_sks Mata Kuliah status_kawin tanggal_lahir semester kd_kuliah
17 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 no_penggajian periode_gaji kd_dosen tunj_praktek jam_praktek total_praktek tunj_teori jam_teori total_teori kd_user penggajian char 5 char 7 char 5 integer 10 integer 5 integer 10 integer 10 integer 5 integer 10 char 4 <pk> 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_kuli ah dosen 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> Mata Kuliah kd_kuliah nm_kuliah jumlah_sks semester char 5 varchar 20 varchar 30 varchar 20 <pk> kd_jabatan kd_dosen nama_jabatan gaji_praktek gaji_teori tahun jabatan char 4 char 5 varchar 30 integer 10 integer 10 int 4 <pk> <fk> Gambar 3.4 : Relasi Tabel Sistem Penggajian Dosen
18 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
19 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 Varchar (50) NO - - (admin) no_telepon Nomer telepon Varchar (20) NO - - username Username Nama username Varchar ( 20) NO - - Password Nomer unik kode Varchar (32) NO - - password Level Level Username Varchar (20) NO - - Tabel 3.2 : Tabel User b. Tabel Jabatan Id Field Deskripsi Tipe & Leght Boleh NULL Default Ket kd_jabatan Kode Jabatan Char (4) NO - - tahun Tahun Int (4) NO - - nama_jabatan Nama jabatan Varchar (30) NO - - (admin) gaji_praktek Gaji Praktek Int (10) NO - - gaji_teori Gaji Teori Int (10) NO - - Tabel 3.3 : Tabel Jabatan
20 c. Tabel Mata Kuliah Id Field Deskripsi Tipe & Leght Boleh NULL Default Ket kd_kuliah Kode Mata Char (4) NO - - Kuliah nm_kuliah Nama Mata Varchar (20) NO - - Kuliah jumlah_sks sks Varchar (30) NO - - semester semester Varchar (20) NO - - Tabel 3.4 : Tabel Mata Kuliah d. Tabel Dosen Id Field Deskripsi Tipe & Leght Boleh NULL 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 Varchar (10) NO - - Dosen gol_darah Golongan Darah enum NO - - ( A, B, AB, O ) agama Agama Dosen Varchar (20) NO - - alamat_tinggal Alamat / tempat Varchar (100) NO - - tinggal Dosen no_telepon Nomer Telepon Dosen Varchar (20) NO - -
21 tempat_lahir Tempat Lahir Varchar (30) NO - - Dosen tanggal_lahir Tanggal Lahir Date NO - - Dosen 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 Id Field Deskripsi Tipe & Leght Boleh NULL 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 Int (10) NO - - Praktek 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 - - Tabel 3.6 : Tabel Penggajian
22 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. SISTEM INFORMASI PENGGAJIAN DOSEN AKADEMI KOMUNITAS MADIUN MASUK SISTEM Username : Password : Level : Gambar 3.5 : Login Login Gambar 3.5 : Login
23 b. Form Menu Utama / Beranda Antarmuka ini merupakan halaman awal setalah admin berhasil login. SISTEM INFORMASI PENGGAJIAN DOSEN AKADEMI KOMUNITAS MADIUN BERANDA ISI MATA KULIAH DATA PENGGAJIAN Gambar 3.6 : Halaman Menu Utama UT Gambar 3.6 : Form Menu Utama / Beranda
24 c. Form Master Gaji Antarmuka ini memiliki fungsi untuk melihat, menambah, mengubah dan menghapus data pengguna SISTEM INFORMASI PENGGAJIAN DOSEN AKADEMI KOMUNITAS MADIUN BERANDA Tambah Data Berisi Detail Master Gaji MATA KULIAH Yang mempunyai fasilitas ubah dan DATA PENGGAJIAN hapus Gambar 3.7 : Form Data Pengguna UT Gambar 3.7 : Form Master Gaji
25 d. Form Data Jabatan Antarmuka ini memiliki fungsi untuk melihat, menambah, mengubah dan menghapus data jabatan. SISTEM INFORMASI PENGGAJIAN DOSEN AKADEMI KOMUNITAS MADIUN BERANDA DATA JABATAN Tambah Data Berisi Detail Data Jabatan MATA Yang mempunyai fasilitas ubah dan KULIAH hapus DATA PENGGAJIAN Gambar 3.8 : Form Master Gaji UT Gambar 3.8 : Form Data Pengguna
26 e. Form Data Dosen Antarmuka ini memiliki fungsi untuk melihat, menambah, mengubah dan menghapus data dosen. SISTEM INFORMASI PENGGAJIAN DOSEN AKADEMI KOMUNITAS MADIUN BERANDA Tambah Data Berisi Detail Data Dosen Yang mempunyai fasilitas ubah dan MATA KULIAH hapus DATA PENGGAJIAN Gambar 3.10 : Form Data Dosen UT Gambar 3.9 : Form Data Dosen
27 f. Form Data Mata Kuliah Antarmuka ini memiliki fungsi untuk melihat, menambah, mengubah dan menghapus mater gaji. SISTEM INFORMASI PENGGAJIAN DOSEN AKADEMI KOMUNITAS MADIUN BERANDA DATA MATA KULIAH Tambah Data Berisi Data Mata Kuliah MATA KULIAH Yang mempunyai fasilitas tambah ubah dan hapus DATA PENGGAJIAN Gambar 3.9 : Form Mata kuliah UT Gambar 3.10 : Form Data Mata Kuliah
28 g. Form Data Penggajian Antarmuka ini memiliki fungsi untuk melihat, menambah, mencetak dan menghapus data penggajian. SISTEM INFORMASI PENGGAJIAN DOSEN AKADEMI KOMUNITAS MADIUN BERANDA DATA PENGGAJIAN Tambah Data Berisi Detail Data Penggajian MATA KULIAH Yang mempunyai fasilitas cetak dan hapus DATA PENGGAJIAN Gambar 3.11 : Form Data Penggajian UT Gambar 3.11 : Form Data Penggajian
29 h. Form Laporan Antarmuka ini berisi laporan data pengguna, laporan data jabatan, laporan data dosen, laporan data penggajian yangmempunyai fasilitas cetak laporan. SISTEM INFORMASI PENGGAJIAN DOSEN AKADEMI KOMUNITAS MADIUN BERANDA DATA PENGGAJIAN MATA KULIAH DATA UT PENGGAJIAN UT Gambar 3.1 : Form Laporan Gambar 3.12 : Form Laporan i. Form Logout Antarmuka yang mempunyai fungsi untuk menutup aplikasi setelah user selesai menggunakan aplikasi tersebut.