3.2 Perancangan Sistem
Perancangan sistem sangat penting dalam membangun sebuah aplikasi karena proses ini menggambarkan bagaimana
suatu sistem dibentuk mulai dari penggambaran perencanaan sampai pada tahapan pembuatan fungsi yang berguna bagi
jalannya sebuah aplikasi. Perancangan sistem bertujuan untuk mengetahui apakah sistem yang akan dibangun dapat memenuhi
kebutuhan pengguna.
Pada penelitian ini, perancangan sistem menggunakan
diagram
UML
Unified Modeling Language
meliputi
use ca se diagram, activity diagram, class diagram
dan
sequence diagram
.
3.2.1
Use Case Diagram
Use case
diagram
menggambarkan
fungsionalitas
yang diharapkan
dari sebuah
sistem. Sebuah
sistem mempresentasikan sebuah interaksi antara aktor dengan
sistem. Pada tahap ini akan dijelaskan interaksi yang dilakukan oleh aktor-aktor yang terdapat pada sistem yang
dirancang.
Use case
diagram
pada aplikasi ini terdiri dari dua aktor yaitu,
administrator
, dan
user
. Setiap aktor memiliki peran yang berbeda pada penggunaan aplikasi ini.
Use ca se
diagram
ditunjukkan pada Gambar 3.2.
Golongan Potongan
Tunjangan Pegawai
Add Edit
Delete DataPegawai
DataGaji extend
extend extend
include include
include include
Admin
Laporan User
Search extend
Gambar 3.2
Use Case Diagram
Pada Gambar 3.2,
administrator
bertindak sebagai aktor yang mempunyai hak mengelola data yaitu dengan
menambah, mengubah maupun menghapus data individu pegawai, data gaji serta membuat laporan.
User
merupakan aktor yang berhak mendapatkan laporan dari
administrator
untuk kemajuan dari lembaga yang di pimpinnya. Yang menjadi penghubung dua aktor di atas
adalah
use case laporan
dan
use case cari data pega wai
.
3.2.2
Activity Diagram
Activity diagram
menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana
masing-masing alir berawal,
decision
yang mungkin terjadi, dan bagaimana mereka berakhir.
Activity diagram
juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.
Activity diagram
merupakan pengembangan dari
use case diagram
.
Activity diagram
menunjukkan alur kerja dari aktivitas atau kegiatan yang dilakukan didalam
use case diagram
.
Activity diagram
ini terdapat
swimline
yang berfungsi sebagai garis pembatas antara aktivitas satu dengan aktivitas
lainnya.
Activity diagram administrator
ditunjukkan pada
Gambar 3.3.
Login Start
Menampilkan MenuUtama
DataPegaw ai
DataGaji Validasi
Sukses Gagal
Add Edit
Delete Laporan
Logout End
Sis te m Admin
Gambar 3.3
Activity Diagram Administrator
Administrator
memulai aktivitas dengan
log in
. Jika tidak
valid
maka sistem akan menampilkan menu
log in
hingga
valid.
Setelah masuk, aplikasi sistem akan
menampilkan halaman
menu utama
administrator
.
Administrator
dapat memakai aplikasi sesuai hak aksesnya, yaitu memilih menambah data, mengubah data, menghapus
data. Setelah selesai pemakaian maka
administrator
dapat keluar dari aplikasi.
Activity diagram user
ditunjukkan pada Gambar 3.4.
Login Start
Menampilkan MenuUtama
Laporan SearchDat
aGaji Validasi
Sukses Gagal
Logout End
Sistem User
Gambar 3.4
Activity Diagram User
Kepala Sekolah
Setelah berhasil
log in
dan masuk ke dalam sistem, maka akan tampil halaman menu utama yang di dalamnya
terdapat berbagai
link
untuk dilihat oleh
user
.
User
dapat melihat link untuk data individu pegawai, serta laporan gaji. Apabila selesai,
user
dapat mengakhiri penggunaan aplikasi.
3.2.3
Class Diagram
Class diagram
didapat berdasarkan pengembangan dari
sequence diagram
.
Class diagram
merupakan diagram yang digunakan untuk menampilkan kelas-kelas yang ada dalam
sistem yang berupa objek yang sedang dikembangkan dan dari kelas yang satu ke kelas yang lain yang mempunyai
relasi.
Class diagram
terdiri dari nama kelas, atribut dan operasi dari kelas tersebut.
Gambar 3.5
Class Diagram
Gambar 3.5 merupakan
cla ss diagram
pada Sistem Informasi Kepegawaian dan Penggajian yang dirancang.
Cla ss administrator
pada aplikasi ini memiliki
atribute id
dan
username
yang digunakan pada saat
login
. Apabila
user
melakukan
log in
sebagai
administrator
, maka
user
akan terhubung pada
class mengelola data
dengan
atribute tambah
,
ubah,
dan
hapus
. Jika melakukan
log in
sebagai
User
, maka akan terhubung pada
cla ss Search data pega wai
dan
class laporan gaji
.
3.2.4
Sequence Diagram
Sequence diagram
adalah diagram yang menunjukkan aliran kerja secara terperinci dari aktivitas diagram yang
dilakukan sesuai dengan urutan waktu yang terjadi pertama kali dan kejadian yang terjadi selanjutnya. Dalam diagram ini tidak
terlepas kemungkinan akan bertambahnya jumlah
class
yang ada. Ada beberapa
sequence diagram
yang disesuaikan dengan
activity diagram
yang ada.
Sequence diagram add
data pegawai ditunjukkan pada Gambar 3.6.
: Adm in : Boundary
: Control : Entity
1. input dataPegawai 2.SaveDataPegawai
7.ReturnIns ert Done 4.Insert DataPegawai
3.OpenDB
6.Return Ins ert Done 5.Clos eDB
Nip Nam a
Alam at TglLahir
Jenis Kelam in Status
Jum lahAnak Agam a
G ambar 3.6
Sequence Diagram Add
Data Pegawai
Skenario ini menggambarkan satu aliran utama untuk seorang administrator mengelola data pegawai. Dalam
skenario ini, administrator akan memasukkan
username
dan
password
yang benar, yang diidentifikasi sebagai
admin
yang mampu mengakses dan mengelola data.
Admin
melakukan
input
data pegawai jika ada pegawai yang ditambahkan, data tersebut disimpan pada table pegawai berupa nama pegawai,
nip pegawai, tanggal lahir, agama, jenis kelamin, status dan jumlah anak.
Sequence diagram edit
data pegawai ditunjukkan pada Gambar 3.7.
: Admin : Boundary
: Control : DataBas e
1.SearchDataPegawai 2. GetDataPegawai
4. GetDataPegawai 3.OpenDB
5.DataPegawaiSelected 6.ViewDataPegawai
7. EditdataPegawai 8.SaveDataPegawai
9.UpdateDataPegawai 10.CloseDB
11.ReturnUpdate Done 12.ReturnUpdate Done
Nip
Nama Nip
Alam at TglLahir
Jenis Kelamin Status
JumlahAnak Agama
Gambar 3.7
Sequence Diagram Edit
Data Pegawai
Pada skenario ini,
Admin
juga dapat melakukan tugas mengubah data yang salah diinputkan. Data yang sudah
diubah lalu disimpan kembali pada tabel pegawai.
Sequence diagram delete
data pegawai ditunjukkan pada Gambar 3.8.
: Admin : Boundary
: Control : DataBase
1.Searchdatapegawai 2.getDataPegawai
4.GetDataPegawai 3.openDB
5.dataPegawaiSelected 6.viewdataPegawai
7.DeleteDataPegawai 8.deleteDataPegawai
9.DeleteDataPegawai 10.CloseDB
11.ReturnDelete Done 12.ReturnDelete Done
Nip
Nama Nip
Alam at TglLahir
JenisKelamin Status
JumlahAnak Agama
Gambar 3.8
Sequence Diagram Delete
Data Pegawai
Pada skenario ini,
Admin
juga dapat melakukan hapus data pegawai apabila pegawai tersebut telah pindah tugas.
Sequence diagram Add
data gaji ditunjukkan pada Gambar 3.9.
: Admin : Aplikas i
: Databas e : Data
1. InputDataGolongan 2. SaveDataGolongan
3. Open DB
7. Return Ins ert Done 6.Return Ins ert Done
Nip Jabatan
StatusPegawai KodeGlngan
MulaiTugas Mas aKerja
GajiPokok 4. Ins ertDataGolongan
8. inputDataTunjangan 5.DB Golongan
Is tris uami Anak
TPP Fungsional
Struktural Pembulatan
Beras As kes
PajakPnghsilan 9. SaveDataTunjangan
10 Ins ertDataTunjangan 11.DB Tunjangan
12. Return Ins ert Done 13. Return Ins ert Done
14. InputDataPotongan 15. Save DataPotongan
16.Ins ertDataPotongan 17.DB Potongan
19.Return Ins ert Done 20.Return Ins ert Done
Beras As kes
IuranWajib PPH
SewaRumah Taperum
HutangLebih Lain-lain
18.CloseDB
Gambar 3.9
Sequence Diagram
Data Gaji
Pada skenario ini,
Admin
juga dapat melakukan tugas mengolah data gaji berupa data golongan yang berisi jabatan,
status pegawai, kode golongan, mulai tugas, masa kerja, gaji pokok. Data tersebut disimpan pada tabel golongan. Data
tunjangan berisi tunjangan istrisuami, tunjangan anak, tunjangan TPP, tunjangan fungsional, tunjangan structural,
tunjangan pembulatan, tunjangan beras, tunjangan askes, tunjangan PPH. Data tersebut disimpan pada tabel tunjangan.
Data potongan berisi potongan beras, potongan askes, potongan iuran wajib pegawai, potongan PPH, potongan sewa
rumah, potongan TAPERUM, potongan hutang lebih,
potongan lain – lain. Data tersebut akan disimpan pada tabel
potongan.
3.3 Perancangan Tabel Database
Kategori