bab iv rancangan sistem usulan - repository.bsi.ac.id · dalam merancang pembukuan kas kecil ini,...

40

BAB IV

RANCANGAN SISTEM USULAN

4.1 Analisa Kebutuhan Perangkat Lunak (Software)

Analisa kebutuhan perangkat lunak adalah suatu aktivitas awal dari siklus

hidup pengembangan perangkat lunak, untuk Proyek-Proyek perangkat lunak yang

berskala menengah atau sampai besar, Analisis kebutuhan perangkat lunak ini

berguna untuk menentukan rancangan sistem yang akan dibangun sesuai dengan

permasalahan yang ditemukan di dalam sistem berjalan yang lama, guna

memperbaiki sistem tersebut atau merubah dengan sistem yang baru.

4.1.1. Analisa Kebutuhan

Dalam merancang pembukuan kas kecil ini, penulis telah melakukan analisis

kebutuhan yang dapat menjelaskan informasi dari sistem yang ada pada BTPN

Syariah Pontianak Timur yang dimana saat ini sistem Pembukuan Kas Kecil masih

menggunakan manual, dengan pencatatan dan penyimpanan menggunakan media

Kertas. Karena belum tersedianya rancangan Program Pembukuan Kas Kecil dari

kantor pusat maka kantor BTPN Syariah Pontianak Timur masih tetap menggunakan

sistem manual.

Demi menjaga data dan bon yang disimpan maka BTPN Syariah Pontianak

Timur membutuhkan suatu media penyimpanan berbasis program dan database yang

digunakan untuk menyimpan data kas maupun bon-bon bukti transaksi kas kecil,

program ini telah banyak digunakan dikalangan perusahaan maupun instansi

pemerintahan yang lainnya,

41

untuk mewujudkannya maka penulis merancang suatu Rancangan pembukuan

Kas kecil yang dapat membantu Admin kas kecil untuk mempermudah dalam

pencatatan transaksi kas kecil dan penyimpanan bon transaksi kas kecil yang ada di

BTPN Syariah Cabang Pontianak Timur yang meliputi Pencatatan Transaksi Kas

kecil dan maupun Penyimpanan Bon Transaksi.

Berdasarkan dari analisis kebutuhan d iatas dapat disimpulkan beberapa poin

penting dari perancangan sistem pembukuan kas kecil yang akan dibuat yaitu:

1. Perancangan sistem pembukuan kas kecil secara elektronik harus diterapkan oleh

BTPN Syariah cabang Pontianak timur, demi kelancaran proses pembukuan kas

kecil.

2. Perancangan sistem pembukuan kas kecil ini, hanya sebuah rancangan program

yang belum jadi, sehingga butuh pengembangan lebih lanjut oleh pihak BTPN

Syariah cabang Pontianak Timur.

3. Dengan adanya perancangan sistem pembukuan kas kecil ini, dapat mempermudah

Admin Kas kecil dalam pencatatan transaksi kas kecil dan penyimpanan bon

transaksi kas kecil yang ada di BTPN Syariah Cabang Pontianak Timur yang

meliputi Pencatatan Transaksi Kas kecil dan maupun Penyimpanan Bon Transaksi.

4. Butuh pengembangan lanjutan dari perancangan sistem pembukuan kas kecil oleh

BTPN Syariah cabang Pontianak timur, menjadikan suatu program yang sempurna

sehingga dapat di terapkan secara permanent.

1. Kebutuhan Fungsional

Kebutuhan fungsional yaitu kebutuhan yang diperlukan oleh admin kas kecil

saat mengakses pembukuan kas kecil ini yang terdiri dari :

42

a. Login

Untuk dapat login, user membutuhkan iduser dan password yang di gunakan untuk

memvalidasi user agar bisa mengakses kedalam sistem.

b. Menu Utama

Didalam menu utama dari sistem ini admin dapat melakukan input data akun, dan

data pegawai pada tab data, dan pada tab transaksi admin dapat mengelola data

pengajuan pengeluaran dan pemasukan kas, dan juga pada tab laporan admin dapat

melihat laporan maupun mencetak laporan seperti laporan jurnal umum, detail

jurnal dan laporan buku besarnya.

c. Mengelola data kas kecil

Didalam form Mengelola data kas kecil admin dapat melakukan penyimpanan data

yang bersifat teks dan gambar.

d.Mengelola data pegawai

Didalam form Mengelola data pegawai ini admin dapat melihat data dan melakukan

penginputan data yang bersifat teks.

e. Mengelola data akun

Didalam form Mengelola data akun kas ini admin dapat melihat data dan

melakukan penginputan data yang bersifat teks.

f. Mengelola data pengajuan

Didalam form Mengelola data pengajuan ini admin dapat melihat data dan


g. Mengelola data pengeluaran

43

Didalam form Mengelola data pengeluaran kas ini admin dapat melihat data dan


h. Mengelola data pemasukan

Didalam form Mengelola data pemasukan kas ini admin dapat melihat data dan


i. Laporan jurnal umum

Didalam laporan jurnal umum ini admin dapat melakukan pencetakan data jurnal

umum yang telah tersimpan berdasarkan awal bulan dan akhir bulan.

j. Laporan detail jurnal

Didalam laporan detail jurnal ini admin dapat melakukan pencetakan data jurnal

umum yang telah tersimpan berdasarkan awal bulan dan akhir bulan.

k. Laporan buku besar kas kecil

Didalam laporan Buku besar ini admin dapat melakukan pencetakan data buku

besar yang sudah balance yang telah tersimpan berdasarkan awal bulan dan akhir

bulan.

2. Kebutuhan Non Fungsional

Kebutuhan non fungsional adalah kebutuhan yang mendukung rancangan

desktop ini terdiri dari :

a. Kebutuhan Hardware (Perangkat Keras)

Perangkat keras utama yang dibutuhkan untuk mengakses aplikasi ini adalah

PC atau Laptop. Spesifikasi minimal yang dibutuhkan pada perangkat keras ini

adalah sebagai berikut:

44

a. CPU (Central Processing Unit)

a) Processor : 2.80 GHz

b) Memory : 4.00 GB

c) Harddisk : 500 GB

b. Monitor : 14.0”HD LED LCD (1024x600)

c. Keyboard : 86 Keys

d. Mouse : Optical / Touchpad

b. Kebutuhan Software (Perangkat Lunak)

Perangkat lunak berfungsi untuk mendukung kinerja dari perangkat keras,

tanpa perangkat lunak dan perangkat keras tidak akan berfungsi bagaimana mestinya.

Kebutuhan ini meliputi kebutuhan perangkat lunak yang digunakan pada pembuatan

Aplikasi. Adapun kebutuhan Software yang diperlukan untuk merancang aplikasi ini

adalah sebagai berikut:

a. Sistem Operasi : Windows 7 Ultimate

b. Webserver : Xampp V 3.2.2

a) Apache : Apache 2.4.18

b) MySQL : MySQL 5.5.8

c) PHP : PHP 7.0.3

d) Java : Java Development Kit 8.7.7

c. Editor Desktop : Netbeans 8.1

d. Web Browser : Mozzila Firefox 47.0.1

45

3. Kebutuhan Brainware (Pengguna)

Pengguna merupakan orang yang mempunyai kewenangan untuk mengakses

sistem, Pada Rancangan ini pengguna atau user pada sistem ini hanya terdapat 1 user

yaitu Admin kas kecil yang mengelola sistem informasi pembukuan kas kas kecil

dan sebagai admin pengguna dengan hak akses level 1.

4.1.2.Use case Diagram

Berikut usecase diagram dari Perancangan sistem pembukuan kas kecil

pada gambar di bawah ini :

1. Use Case Diagram Dari Form Login

Use case diagram dibawah ini mengambarkan bagaimana Interaksi antara

aktor kepada form Login, berikut penulis tampilkan pada gambar IV.11 dan

tabel IV.4

Sumber : Hasil Rancangan (2017)

Gambar IV.11

Use case Diagram Login pada Perancangan Sistem Pembukuan kas kecil Pada

BTPN Syariah Cabang Pontianak Timur

Tabel IV.4

Deskripsi Usecase Login

Aksi Aktor Reaksi Sistem

1.Aktor Memilih tombol login 1. Sistem Akan Memverifikasi data

46

2.Aktor Memilih tombol keluar

yang telah di isi oleh aktor 2. Sistem akan membatalkan Proses dan

keluar dari sistem

Kondisi Akhir Jika Proses sesuai maka sistem akan masuk ke menu utama dan aktor dapat

melanjutkan aktifitasnya

2. Use Case Diagram Dari Form Menu Utama


aktor kepada form menu utama, berikut penulis tampilkan pada gambar IV.12

dan tabel IV.5


Gambar IV. 12

Use case Diagram Menu Utama pada Perancangan Sistem Pembukuan kas kecil

Pada BTPN Syariah Cabang Pontianak Timur

Tabel IV.5

Deskripsi Use case menu utama


1. Aktor Memilih menu item data pegawai

2. Aktor Memilih menu item data akun

3. Aktor Memilih menu item

pengajuan 4. Aktor Memilih menu item

pengeluaran 5. Aktor Memilih menu item

1. Sistem Akan menampilkan form data pegawai

2. Sistem Akan menampilkan form data akun

3. Sistem Akan menampilkan form

pengajuan 4. Sistem Akan menampilkan form

pengeluaran 5. Sistem Akan menampilkan form

47

pemasukan 6. Aktor Memilih menu item laporan

jurnal umum 7. Aktor Memilih menu item laporan

buku besar 8. Aktor Memilih menu item laporan

detail jurnal

9. Aktor memilih menu item logout

pemasukan 6. Sistem Akan menampilkan form

laporan jurnal umum 7. Sistem Akan menampilkan form

laporan kas buku besar 8. Sistem Akan menampilkan form

laporan detail jurnal

9. Sistem akan membatalkan Proses dan kembali ke form login

Kondisi Akhir Jika Proses sesuai maka semua tombol

akan berfungsi dan semua text dapat tersimpan maupun menampilkan data

3. Use Case Diagram Dari Form Pegawai


aktor kepada form Pegawai, berikut penulis tampilkan pada gambar IV.13 dan

tabel IV.6

Sumber : Hasil Penelitian (2017)

Gambar IV.13

Use case Diagram Form pegawai pada Perancangan Sistem Pembukuan kas

kecil Pada BTPN Syariah Cabang Pontianak Timur

48

Tabel IV.6

Deskripsi Usecase form pegawai


1. Aktor mengisi data Pegawai 2. Aktor memilih tombol simpan 3. aktor mengisi text pada pencarian

4. aktor memilih tombol pencarian 5. aktor memilih tombol ubah

6. aktor memilih tombol hapus 7. aktor memilih tombol tampil data

pegawai

8. aktor memilih tombol keluar

1. Sistem akan menampilkan data yang bersifat otomatis

2. Sistem akan menyimpan data yang

di isi ke dalam database 3. sistem memberikan akses untuk

aktor mengisi text 4. sistem akan memverifikasi data

yang ada apakah data tersebut ada

atau tidak, jika ada maka data akan tampil di setiap kolom yang ada

5. sistem akan memverifikasi data yang berubah sesuai dengan data sebelumnya yang ada di dalam

database 6. sistem akan memilih data yang

telah di pilih aktor untuk dihapus di database

7. sistem akan menampilkan seluruh

data pegawai yang ada di database 8. sistem akan membatalkan proses

dan aktor akan kembali ke menu utama



4. Use Case Diagram Dari Form Form Akun


aktor kepada form Akun, berikut penulis tampilkan pada gambar IV.14 dan tabel

IV.7

49


Gambar IV.14

Use case Diagramdata akun padaPerancangan Sistem Pembukuan kas kecil


Tabel IV.7

Deskripsi Usecase data akun


1. Aktor mengisi data saldo awal 2. Aktor memilih tombol simpan 3. Aktor memilih tombol tambah

4. aktor mengisi text pada pencarian 5. aktor memilih tombol pencarian

6. aktor memilih tombol ubah 7. aktor memilih tombol hapus 8. aktor memilih tombol keluar


2. Sistem akan menyimpan data yang

di isi ke dalam database 3. Sistem akan menghapus field yang

telah terisi sebelumnya 4. sistem memberikan akses untuk

aktor mengisi text

5. sistem akan memverifikasi data yang ada apakah data tersebut ada


6. sistem akan memverifikasi data

yang berubah sesuai dengan data sebelumnya yang ada di dalam


telah di pilih aktor untuk dihapus di

database

50

8. sistem akan membatalkan proses dan aktor akan kembali ke menu

utama

Kondisi Akhir Jika Proses sesuai maka semua tombol akan berfungsi dan semua text dapat

tersimpan maupun menampilkan data

5. Use Case Diagram Dari Form Pengajuan


aktor kepada form Laporan, berikut penulis tampilkan pada gambar IV.15 dan

tabel IV.8


Gambar IV.15

Use case Diagram Form pengajuan pada Perancangan Sistem Pembukuan kas


Tabel IV.8

Deskripsi Usecase form pengajuan


1. Aktor mengisi data Pengajuan

2. Aktor mengupload data kwitansi 3. Aktor memilih tombol simpan 4. aktor mengisi text pada pencarian

5. aktor memilih tombol pencarian

1. Sistem akan menampilkan data

yang bersifat otomatis 2. Sistem akan menampilkan hasil

upload

3. Sistem akan menyimpan data

51

6. aktor memilih tombol ubah 7. aktor memilih tombol hapus

8. aktor memilih tombol tambah data pegawai

9. aktor memilih tombol tambah data akun

10. aktor memilih tombol keluar

yang di isi ke dalam database 4. sistem memberikan akses untuk


yang ada apakah data tersebut ada atau tidak, jika ada maka data akan tampil di setiap kolom yang

ada 6. sistem akan memverifikasi data

yang berubah sesuai dengan data sebelumnya yang ada di dalam database

7. sistem akan memilih data yang telah di pilih aktor untuk dihapus

di database 8. sistem akan memindahakan aktor

ke form data pegawai

9. sistem akan memindahakan aktor ke form data akun

10. sistem akan membatalkan proses dan aktor akan kembali ke menu utama



6. Use Case Diagram Dari Form Pemasukan



tabel IV.9

52


Gambar IV.16

Use case Diagram Form pemasukan padaPerancangan Sistem Pembukuan kas


Tabel IV.9

Deskripsi Usecase form pemasukan


1. Aktor mengisi data Pemasukan 2. Aktor memilih tombol simpan

3. aktor mengisi text pada pencarian 4. aktor memilih tombol pencarian 5. aktor memilih tombol ubah

6. aktor memilih tombol hapus 7. aktor memilih tombol keluar


2. Sistem akan menyimpan data yang di isi ke dalam database

3. sistem memberikan akses untuk


yang ada apakah data tersebut ada atau tidak, jika ada maka data akan tampil di setiap kolom yang ada

5. sistem akan memverifikasi data yang berubah sesuai dengan data

sebelumnya yang ada di dalam database

6. sistem akan memilih data yang


7. sistem akan membatalkan proses dan aktor akan kembali ke menu utama

53

Kondisi Akhir Jika Proses sesuai maka semua tombol akan berfungsi dan semua text dapat

tersimpan maupun menampilkan data

7. Use Case Diagram Dari Form Pengeluaran



tabel IV.10


Gambar IV.17

Use case DiagramForm pengeluaran padaPerancangan Sistem Pembukuan kas


Tabel IV.10

Deskripsi Usecase form pengeluaran


1. Aktor mengisi data Pengeluaran

2. Aktor mengupload data nota 3. Aktor memilih tombol simpan

4. aktor mengisi text pada pencarian 5. aktor memilih tombol pencarian 6. aktor memilih tombol ubah

7. aktor memilih tombol hapus 8. aktor memilih tombol keluar

1. Sistem akan menampilkan data

yang bersifat otomatis 2. Sistem akan menampilkan hasil

upload 3. Sistem akan menyimpan data yang

di isi ke dalam database

4. sistem memberikan akses untuk aktor mengisi text

54

5. sistem akan memverifikasi data yang ada apakah data tersebut ada


6. sistem akan memverifikasi data yang berubah sesuai dengan data sebelumnya yang ada di dalam



8. sistem akan membatalkan proses

dan aktor akan kembali ke menu utama



8. Use Case Diagram Dari Form Laporan



tabel IV.11


Gambar IV.18

Use case Diagram laporan pada Perancangan Sistem Pembukuan kas kecil Pada


55

Tabel IV.11

Deskripsi Usecase Laporan


1. Aktor Memilih menu item laporan.

2. Aktor Memilih tombol Jurnal

umum 3. Aktor memilih tombol Buku

Besar 4. Aktor memilih tombol detail

Jurnal

5. Aktor memilih logout

1. Sistem menampilkan pilihan laporan

2. Sistem menampilkan laporan

jurnal umum 3. Sistem menampilkan laporan

buku besar 4. Sistem menampilkan laporan

detail jurnal

5. Sistem membatalkan operasi dan membawa aktor ke menu login

Kondisi Akhir Jika Proses sesuai maka sistem dapat

memperlihatkan preview data dan template laporan untuk bisa di cetak oleh

aktor

4.1.3.Activity Diagram

Berdasarkan hasil rancangan yang penulis buat, maka di dapat suatu aktifitas

dari perancangan yang sesuai dengan rancangan penulis, berikut penulis tampilkan:

1. Activity Diagram Form Login

Activity diagram dibawah ini mengambarkan bagaimana Interaksi antara

aktor kepada Sistem sesuai dengan form yang dijalankan, Lihat pada gambar

IV.19

56

Sumber :Hasil Rancangan (2017)

Gambar IV.19

Activity Diagram form login Perancangan Sistem Pembukuan kas kecil Pada


2. Activity Diagram Form Menu Utama


aktor kepada Sistem sesuai dengan form yang dijalankan, lihat pada gambar IV.20


Gambar IV.20

Activity Diagram form menu utama Perancangan Sistem Pembukuan kas kecil


3. Activity Diagram Form Pegawai



57


Gambar IV.21

Activity Diagram form data pegawai kas Perancangan Sistem Pembukuan kas


4. Activity Diagram Form Akun



58


Gambar IV.22

Activity Diagram form data akun Perancangan Sistem Pembukuan kas kecil


5. Activity Diagram Form pengajuan



59


Gambar IV.23

Activity Diagram form pengajuan Perancangan Sistem Pembukuan kas kecil


6. Activity Diagram Form Pemasukan



60


Gambar IV.24

Activity Diagram form pemasukan Perancangan Sistem Pembukuan kas kecil


7. Activity Diagram Form Pengeluaran



61


Gambar IV.25

Activity Diagram form pengeluaran Perancangan Sistem Pembukuan kas kecil


8. Activity Diagram Form Laporan



62


Gambar IV.26

Activity Diagram laporan kas Perancangan Sistem Pembukuan kas kecil Pada


4.2. Desain

Pada tahapan ini Penulis telah membuat desain dari perancangan sistem

usulan yang akan di penulis jelaskan dibawah ini yang terdiri dari penggambaran

ERD dan LRS dari perancangan, Spesifikasi File, Software Architecture, User

Interface, Dan Spesifikasi Hardware Dan Software untuk dapat menggunakan

perancangan ini.

4.2.1.Entity Relationship Diagram (ERD)

Perancangan yang penulis buat harus juga memiliki suatu database yang di

dalam database tersebut harus memiliki entitas yang saling berhubungan sesuai

dengan apa yang telah penulis analisis sebelumnya, berikut pada gambar IV.27

63

Penulis berikan gambaran dari entity relationship diagram pada database

perancangan ini:


Gambar IV.27

Entity Realtionship Diagram Perancangan Sistem Pembukuan kas kecil Pada


Keterangan :

a. 1 : M = One To Many

b. 1 : 1 = One To One

c. M : 1 = Many To One

d. M : M = Many To Many

4.2.2. Logical Structure Record ( LRS )

Sesuai dengan Entity Relationship Diagram diatas, maka didapatkanlah suatu

logika dari hubungan antara entitas database ke entitas lain yang penulis gambarkan

sesuai dengan logikanya dan entitas yang berhubungan dapat di lihat pada gambar

IV.28 berikut :

64


Keterangan :

= Relasi antar entity

1 : M = One To Many

M : M = Many To Many

M : 1 = Many To One

* = Primary Key

** = Foreign Key

Gambar IV.28

Logical Structure Record Perancangan Sistem Pembukuan kas kecil Pada BTPN

Syariah Cabang Pontianak Timur

4.2.3. Spesifikasi File

Spesifikasi File ini berisis dari file - file yang diperlukan dalam pembuatan

sebuah program, biasanya berisi file, akronim, organisasi file, kunci field, dan

panjang record. Adapun spesifikasi file yang penulis pergunakan dalamPerancangan

Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur

65

1. Spesifikasi File Data User

Nama File : data user

Akronim : tabel_user.Sql

Fungsi : Menyimpan data user

Tipe File : File Master

Akses File : Random

Media : Hard Disk

Panjang Record : 30

Kunci Field : nip_user

Software : MySql 5.0.8

Tabel IV.12

Spesifikasi File Data User

No. Element Data Nama Field Tipe Size Keterangan

1 Nomor user Nip_user Varchar 15 Primary Key

2 Password Password Varchar 15


2.Spesifikasi File Data pemasukan

Nama File : data pemasukan

Akronim : tabel_pemasukan.Sql

Fungsi : Menyimpan data pemasukan kas kecil


Akses File : Random

Media : Hard Disk

66

Panjang Record : 60

Kunci Field : id_voucher


Tabel IV.13

Spesifikasi File Data pemasukan


1 Nomor voucher Id_voucher Varchar 10 Primary Key

2 Tanggal Tgl Date

3 Total Total Double

4 Keterangan Keterangan Text

5 Periode Periode Varchar 50


3.Spesifikasi File Data pegawai

Nama File : data pegawai

Akronim : Tabel_Pegawai.Sql

Fungsi : Menyimpan data Pegawai


Akses File : Random

Media : Hard Disk

Panjang Record : 68

Kunci Field : nip


67

Tabel IV.14

Spesifikasi File Data Pegawai


1 Kode Pegawai NIP Varchar 8 Primary Key

2 Nama Pegawai Namapegawai Varchar 35

3 Jabatan pegawai Jabatan Varchar 25


4.Spesifikasi File Data akun

Nama File : data akun

Akronim : tabel_akun.Sql

Fungsi : Menyimpan data akun kas


Akses File : Random

Media : Hard Disk

Panjang Record : 75

Kunci Field : no_akun


Tabel IV.15

Spesifikasi File Data akun


1 Nomor akun No_akun Varchar 5 Primary key

2 Nama akun Nama_akun Varchar 35

3 Jenis akun Jenisakun Varchar 25

4 Saldo Saldo_normal Varchar 10

68


5.Spesifikasi File Data pengajuan

Nama File : data pengajuan

Akronim : tabel_pengajuan.Sql

Fungsi : Menyimpan data pengajuan


Akses File : Random

Media : Hard Disk

Panjang Record : 70

Kunci Field : id_pengajuan


Tabel IV.16

Spesifikasi File Data pengajuan


1 Nomor pengajuan

Id_pengajuan Varchar 10 primary Key

2 Nomor pegawai Nip Int 8 Foreign key

3 Tanggal Tgl Date

4 Nominal Nominal Double

5 Keperluan Keperluan Varchar 25

6 Data scan Scan_kwitansi Varchar 20


6.Spesifikasi File Data pengeluaran

Nama File : data pengeluaran

69

Akronim : tabel_pengeluaran.Sql

Fungsi : Menyimpan pengeluaran


Akses File : Random

Media : Hard Disk

Panjang Record : 60

Kunci Field : no_nota


Tabel IV.17

Spesifikasi File Data pengeluaran


1 Nomor nota No_nota Varchar 10 Primary key

2 Nomor

pengajuan

Id_pengajuan Varchar 10 Foreign Key

3 Tanggal Tgl Date

4 Nip user Nip_user Varchar 15 Foreign Key

5 Scan nota Scan_nota Varchar 15

6 Total Total Double


8 Nomor voucher Id_voucher varchar 10 Foreign Key


7.Spesifikasi File Data jurnal umum

Nama File : data jurnal umum

Akronim : Tabel_jurnal_umum.Sql

70

Fungsi : Menyimpan data yang akan di jadikan laporan jurnal umum


Akses File : Random

Media : Hard Disk

Panjang Record : 10

Kunci Field : id_jurnal


Tabel IV.18

Spesifikasi File Data jurnal


1 Kode jurnal Id_jurnal Varchar 10 Primary key

2 Nomor nota No_nota Varchar 10 Foreign Key

3 Nomor akun No_akun Varchar 5 Foreign Key

4 Kode voucher Id_voucher Varchar 10 Foreign Key

5 Nomor pegawai Nip Varchar 8 Foreign Key

2 Tanggal Tgl Date

3 Saldo Saldo Double



4.2.4. Software Architecture

proses yg mendefinisikan solusi yg terstruktur yang memenuhi kebutuhan teknis

dan operasional, disisi lain mengoptimasi quality dari sebuah rancangan, berikut

71

penulis tampilkan diagram sequence dan diagram deployment sesuai dengan

rancangan yang penulis buat.

1. Diagram Sequance

a. Diagram Sequance Login Admin Kas Kecil

Sequance diagram dibawah ini mengambarkan bagaimana kolaborasi antar

objek atau pesan yang dikirim didalam, Sistem sesuai dengan form yang

dijalankan oleh aktor, lihat pada gambar IV.29


Gambar IV.29

Diagram Sequance Login Perancangan Sistem Pembukuan kas kecil Pada BTPN

Syariah Cabang Pontianak Timur

b. Diagram Sequance Simpan Data Pengambilan Admin Kas Kecil.




72


Gambar IV.30

Diagram Sequance simpan data Perancangan Sistem Pembukuan kas kecil Pada


c. Diagram Sequance Ubah Data Pengambilan Admin Kas Kecil





Gambar IV.31

Diagram Sequance ubah data Perancangan Sistem Pembukuan kas kecil Pada


d. Diagram Sequance Hapus Data Pengambilan Admin Kas Kecil




73


Gambar IV.32

Diagram Sequance hapus data Perancangan Sistem Pembukuan kas kecil Pada


e. Diagram Sequance simpan Data pegawai admin kas kecil.





Gambar IV.33

Diagram Sequance simpan data Perancangan Sistem Pembukuan kas kecil Pada


2. Diagram Deployment

Deployment diagram dibawah ini mengambarkan bagaimana Proses

Software Ke Proses Node, lihat pada gambar IV.34

74


Gambar IV.34

Diagram Deployment pada Perancangan Sistem Pembukuan kas kecil Pada


4.2.5. User Interface

Penulis telah membuat tampilan pada rancangan yang di sebut user interface

yaitu adalah suatu penjabaran tentang bagaimana tampilan dari rancangan yang telah

penulis buat apakah sudah sesuai dengan standar user interface yang diinginkan oleh

BTPN syariah Cabang Pontianak timur, berikut penulis tampilkan di bawah ini :

1. User Interface Form Login

User interface form login yang telah penulis rancang sesuai dengan yang

di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat gambar IV.35

75


Gambar IV.35

User Interface Form Login

Didalam Form Tersebut admin kas kecil harus memasukan nip user dan

password sebelum memilih tombol login atau jika ingin keluar dari sistem admin kas

kecil cukup memilih tombol keluar.

2. User Interface Form Menu Utama

User interface form menu utama yang telah penulis rancang sesuai dengan

yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat gambar IV.36

76


Gambar IV.36

User Interface Form Menu Utama

Setelah berhasil login maka selanjutnya form menu utama tampil, di menu

utama ini terdapat beberapa pilihan menu, admin dapat memilih satu persatu form

yang selanjutnya akan di tampilkan sesuai dengan pilihan admin atau jika ingin

keluar dari menu utama, admin cukup memilih tombol logout.

3. User Interface Form Pengajuan

User interface form pengajuan yang telah penulis rancang sesuai dengan


77


Gambar IV.37

User Interface Form Pengajuan

Jika admin memilih form pengajuan maka seperti ini tampilannya, admin

dapat memasukan semua data yang dibutuhkan sistem untuk kemudian di simpan

kedalam database, admin juga bisa langsung berpindah form dengan memilih tombol

sesuai dengan yang di inginkan admin.

4. User Interface Form Pengeluaran

User interface form pengeluaran yang telah penulis rancang sesuai dengan


78


Gambar IV.38

User Interface Form pengeluaran

Jika admin memilih form pengeluaran maka seperti ini tampilannya, admin


kedalam database, admin juga bisa langsung melihat data jurnal tersebut

5. User Interface Form Pemasukan

User interface form pemasukan yang telah penulis rancang sesuai dengan


79


Gambar IV.39

User Interface Form pemasukan

Jika admin memilih form pemasukan maka seperti ini tampilannya, admin


kedalam database, admin juga bisa langsung melihat data jurnal tersebut

6. User Interface Form Akun

User interface form akun yang telah penulis rancang sesuai dengan yang

di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat gambar IV.40

80


Gambar IV.40

User Interface Form akun

Jika admin memilih form akun maka seperti ini tampilannya, admin dapat

memasukan semua data yang dibutuhkan sistem untuk kemudian di simpan kedalam

database, selain itu admin dapat menghapus, dan mengubah data yang ada.

7. User Interface Form Pegawai

User interface form pegawai yang telah penulis rancang sesuai dengan


81


Gambar IV.41

User Interface Form pegawai

Jika admin memilih form pegawai maka seperti ini tampilannya, admin dapat

memasukan semua data yang dibutuhkan sistem untuk kemudian di simpan kedalam

database, selain itu admin dapat menghapus, dan mengubah data yang ada.

8. User Interface Form Laporan Buku Besar

User interface form laporan buku besar yang telah penulis rancang sesuai

dengan yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat

gambar IV.42

82


Gambar IV. 42

User Interface Form Laporan Buku besar

Pada form ini admin dapat melihat data laporan buku besar yang nantinya

admin juga dapat mencetaknya dengan memilih tombol cetak, dan sebelumnya admin

diharuskan memilih tanggal awal, dan tanggal akhir data untuk di jadikan laporan.

9. User Interface Form Laporan Jurnal Umum

User interface form laporan jurnal umum yang telah penulis rancang

sesuai dengan yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat

gambar IV.43

83


Gambar IV.43

User Interface Form Laporan Jurnal umum

Pada form ini admin dapat melihat data laporan buku besar yang nantinya

admin juga dapat mencetaknya dengan memilih tombol cetak, dan sebelumnya admin

diharuskan memilih tanggal awal, dan tanggal akhir data untuk di jadikan laporan.

10. User Interface Preview Laporan Buku Besar

User interface Preview laporan buku besar yang telah penulis rancang


gambar IV.44

84


Gambar IV.44

User Interface Preview laporan buku besar

Saat admin memilih tombol cetak pada form laporan buku besar sebelumnya,

maka tampilan di atas akan tampil sesuai data pada tanggal awal, dan tanggal akhir,

serta dapat langsung di cetak.

11. User Interface Preview Laporan Jurnal umum

User interface Preview laporan jurnal umum yang telah penulis rancang


gambar IV.45

85


Gambar IV.45

User Interface Preview laporan Jurnal Umum

Saat admin memilih tombol cetak pada form laporan jurnal umum

sebelumnya, maka tampilan di atas akan tampil sesuai data pada tanggal awal, dan

tanggal akhir, serta dapat langsung di cetak.

4.2.6. Spesifikasi Hardware dan Software

Perangkat keras merupakan elemen vital yang diperlukan untuk menjalankan

program aplikasi atau software yang akan digunakan. Elemen-elemen vital tersebut

merupakan peralatan masukan (input device), tempat penyimpanan (storage unit), dan

peralatan keluaran (output device), Berikut perangkat keras yang diusulkan sebagai

Berikut :

1. Perangkat Keras (Hardware)

86

a. Processor : i5-4460S 2.9 GHz

b. Memory (RAM) : 2 GB

c. Monitor : 24" HD LED Monitor

d. Harddisk : 250 GB

e. Mouse : Standard Mouse

f. Keyboard : Standart 102 Keys

g. Printer : Color Document Printer & Scanner

h. Scanner : Color Document Printer & Scanner

2.Perangkat Lunak (Software)

Bagian lain yang juga tidak kalah penting yang mendukung program adalah

perangkat lunak (Software) yang digunakan untuk menampilkanRancangan dan juga

sistem operasi yang digunakan dalam menjalankan tampilan rancangan tersebut.

Berikut Perangkat Lunak (Software) yang digunakan dalam menampilkanrancangan

aplikasi Perancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang

Pontianak Timur:

a. Sistem Operasi : Windows 7 x64 dan x86

b. Bahasa Pemograman : Java Netbeans 8.0

c. Database : MySql

d. Program Pendukung : star uml, Ms.Visio 2016 ,ireport 5.6.0

Demikianlah klasifikasi sistem komputer yang diperlukan untuk menampilkan

rancangan aplikasi perancangan sistem pembukuan kas kecil Pada BTPN Syariah

Cabang Pontianak Timur yang menurut penulis cukup baik untuk menunjang

Penjelasan rancangan ini kepada pihak BTPN Syariah Cabang Pontianak Timur ini.

http://www.lg.com/us/monitors/lg-24M38H-B-led-monitor

http://www.epson.com/cgi-bin/Store/jsp/Product.do?UseCookie=yes&sku=B11B190011

http://www.epson.com/cgi-bin/Store/jsp/Product.do?UseCookie=yes&sku=B11B190011

bab iv rancangan sistem usulan - repository.bsi.ac.id · dalam merancang pembukuan kas kecil ini,...

Documents