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, 40
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 melakukan penginputan data yang bersifat teks. g. Mengelola data pengeluaran
43 Didalam form Mengelola data pengeluaran kas ini admin dapat melihat data dan melakukan penginputan data yang bersifat teks. h. Mengelola data pemasukan Didalam form Mengelola data pemasukan kas ini admin dapat melihat data dan melakukan penginputan data yang bersifat teks. 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 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 Kondisi Akhir yang telah di isi oleh aktor 2. Sistem akan membatalkan Proses dan keluar dari sistem Jika Proses sesuai maka sistem akan masuk ke menu utama dan aktor dapat melanjutkan aktifitasnya 2. Use Case Diagram Dari Form Menu Utama Use case diagram dibawah ini mengambarkan bagaimana Interaksi antara 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 Aksi Aktor Reaksi Sistem 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 Kondisi Akhir 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 Jika Proses sesuai maka semua tombol akan berfungsi dan semua text dapat tersimpan maupun menampilkan data 3. Use Case Diagram Dari Form Pegawai Use case diagram dibawah ini mengambarkan bagaimana Interaksi antara 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 Aksi Aktor Reaksi Sistem 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 Kondisi Akhir 4. Use Case Diagram Dari Form Form Akun 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 Jika Proses sesuai maka semua tombol akan berfungsi dan semua text dapat tersimpan maupun menampilkan data Use case diagram dibawah ini mengambarkan bagaimana Interaksi antara aktor kepada form Akun, berikut penulis tampilkan pada gambar IV.14 dan tabel IV.7
49 Sumber : Hasil Penelitian (2017) Gambar IV.14 Use case Diagramdata akun padaperancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur Tabel IV.7 Deskripsi Usecase data akun Aksi Aktor Reaksi Sistem 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 1. Sistem akan menampilkan data yang bersifat otomatis 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 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
50 Kondisi Akhir 8. sistem akan membatalkan proses dan aktor akan kembali ke menu utama Jika Proses sesuai maka semua tombol akan berfungsi dan semua text dapat tersimpan maupun menampilkan data 5. Use Case Diagram Dari Form Pengajuan Use case diagram dibawah ini mengambarkan bagaimana Interaksi antara aktor kepada form Laporan, berikut penulis tampilkan pada gambar IV.15 dan tabel IV.8 Sumber : Hasil Penelitian (2017) Gambar IV.15 Use case Diagram Form pengajuan pada Perancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur Tabel IV.8 Deskripsi Usecase form pengajuan Aksi Aktor Reaksi Sistem 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 Kondisi Akhir yang di isi ke dalam database 4. sistem memberikan akses untuk aktor mengisi text 5. sistem akan memverifikasi data 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 Jika Proses sesuai maka semua tombol akan berfungsi dan semua text dapat tersimpan maupun menampilkan data 6. Use Case Diagram Dari Form Pemasukan Use case diagram dibawah ini mengambarkan bagaimana Interaksi antara aktor kepada form Laporan, berikut penulis tampilkan pada gambar IV.16 dan tabel IV.9
52 Sumber : Hasil Penelitian (2017) Gambar IV.16 Use case Diagram Form pemasukan padaperancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur Tabel IV.9 Deskripsi Usecase form pemasukan Aksi Aktor Reaksi Sistem 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 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 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 Use case diagram dibawah ini mengambarkan bagaimana Interaksi antara aktor kepada form Laporan, berikut penulis tampilkan pada gambar IV.17 dan tabel IV.10 Sumber : Hasil Penelitian (2017) Gambar IV.17 Use case DiagramForm pengeluaran padaperancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur Tabel IV.10 Deskripsi Usecase form pengeluaran Aksi Aktor Reaksi Sistem 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 Kondisi Akhir 5. sistem akan memverifikasi data 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 membatalkan proses dan aktor akan kembali ke menu utama Jika Proses sesuai maka semua tombol akan berfungsi dan semua text dapat tersimpan maupun menampilkan data 8. Use Case Diagram Dari Form Laporan Use case diagram dibawah ini mengambarkan bagaimana Interaksi antara aktor kepada form Laporan, berikut penulis tampilkan pada gambar IV.18 dan tabel IV.11 Gambar IV.18 Use case Diagram laporan pada Perancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur
55 Aksi Aktor 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 Kondisi Akhir 4.1.3.Activity Diagram Tabel IV.11 Deskripsi Usecase Laporan Reaksi Sistem 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 Jika Proses sesuai maka sistem dapat memperlihatkan preview data dan template laporan untuk bisa di cetak oleh aktor 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 BTPN Syariah Cabang Pontianak Timur 2. Activity Diagram Form Menu Utama Activity diagram dibawah ini mengambarkan bagaimana Interaksi antara aktor kepada Sistem sesuai dengan form yang dijalankan, lihat pada gambar IV.20 Sumber :Hasil Rancangan (2017) Gambar IV.20 Activity Diagram form menu utama Perancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur 3. Activity Diagram Form Pegawai Activity diagram dibawah ini mengambarkan bagaimana Interaksi antara aktor kepada Sistem sesuai dengan form yang dijalankan, lihat pada gambar IV.21
57 Sumber :Hasil Rancangan (2017) Gambar IV.21 Activity Diagram form data pegawai kas Perancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur 4. Activity Diagram Form Akun Activity diagram dibawah ini mengambarkan bagaimana Interaksi antara aktor kepada Sistem sesuai dengan form yang dijalankan, lihat pada gambar IV.22
58 Sumber :Hasil Rancangan (2017) Gambar IV.22 Activity Diagram form data akun Perancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur 5. Activity Diagram Form pengajuan Activity diagram dibawah ini mengambarkan bagaimana Interaksi antara aktor kepada Sistem sesuai dengan form yang dijalankan, lihat pada gambar IV.23
59 Sumber :Hasil Rancangan (2017) Gambar IV.23 Activity Diagram form pengajuan Perancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur 6. Activity Diagram Form Pemasukan Activity diagram dibawah ini mengambarkan bagaimana Interaksi antara aktor kepada Sistem sesuai dengan form yang dijalankan, lihat pada gambar IV.24
60 Sumber :Hasil Rancangan (2017) Gambar IV.24 Activity Diagram form pemasukan Perancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur 7. Activity Diagram Form Pengeluaran Activity diagram dibawah ini mengambarkan bagaimana Interaksi antara aktor kepada Sistem sesuai dengan form yang dijalankan, lihat pada gambar IV.25
61 Sumber :Hasil Rancangan (2017) Gambar IV.25 Activity Diagram form pengeluaran Perancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur 8. Activity Diagram Form Laporan Activity diagram dibawah ini mengambarkan bagaimana Interaksi antara aktor kepada Sistem sesuai dengan form yang dijalankan, lihat pada gambar IV.26
62 Sumber :Hasil Rancangan (2017) Gambar IV.26 Activity Diagram laporan kas Perancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur 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 BTPN Syariah Cabang Pontianak Timur 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 Akronim Fungsi Tipe File Akses File Media : data user : tabel_user.sql : Menyimpan data user : File Master : Random : 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 Akronim Fungsi Tipe File Akses File Media : data pemasukan : tabel_pemasukan.sql : Menyimpan data pemasukan kas kecil : File Master : Random : Hard Disk
66 Panjang Record : 60 Kunci Field : id_voucher Software : MySql 5.0.8 Tabel IV.13 Spesifikasi File Data pemasukan No. Element Data Nama Field Tipe Size Keterangan 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 Akronim Fungsi Tipe File Akses File Media : data pegawai : Tabel_Pegawai.Sql : Menyimpan data Pegawai : File Master : Random : Hard Disk Panjang Record : 68 Kunci Field : nip Software : MySql 5.0.8
67 Tabel IV.14 Spesifikasi File Data Pegawai No. Element Data Nama Field Tipe Size Keterangan 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 Akronim Fungsi Tipe File Akses File Media : data akun : tabel_akun.sql : Menyimpan data akun kas : File Master : Random : Hard Disk Panjang Record : 75 Kunci Field : no_akun Software : MySql 5.0.8 Tabel IV.15 Spesifikasi File Data akun No. Element Data Nama Field Tipe Size Keterangan 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 Akronim Fungsi Tipe File Akses File Media : data pengajuan : tabel_pengajuan.sql : Menyimpan data pengajuan : File Master : Random : Hard Disk Panjang Record : 70 Kunci Field : id_pengajuan Software : MySql 5.0.8 Tabel IV.16 Spesifikasi File Data pengajuan No. Element Data Nama Field Tipe Size Keterangan 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 Fungsi Tipe File Akses File Media : tabel_pengeluaran.sql : Menyimpan pengeluaran : File Master : Random : Hard Disk Panjang Record : 60 Kunci Field : no_nota Software : MySql 5.0.8 Tabel IV.17 Spesifikasi File Data pengeluaran No. Element Data Nama Field Tipe Size Keterangan 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 7 Keterangan Keterangan Text 8 Nomor voucher Id_voucher varchar 10 Foreign Key 7.Spesifikasi File Data jurnal umum Nama File Akronim : data jurnal umum : Tabel_jurnal_umum.Sql
70 Fungsi Tipe File Akses File Media : Menyimpan data yang akan di jadikan laporan jurnal umum : File Master : Random : Hard Disk Panjang Record : 10 Kunci Field : id_jurnal Software : MySql 5.0.8 Tabel IV.18 Spesifikasi File Data jurnal No. Element Data Nama Field Tipe Size Keterangan 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 Keterangan Keterangan Text 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. 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.30
72 Gambar IV.30 Diagram Sequance simpan data Perancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur c. Diagram Sequance Ubah Data Pengambilan 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.31 Gambar IV.31 Diagram Sequance ubah data Perancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur d. Diagram Sequance Hapus Data Pengambilan 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.32
73 Gambar IV.32 Diagram Sequance hapus data Perancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur e. Diagram Sequance simpan Data pegawai 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.33 Gambar IV.33 Diagram Sequance simpan data Perancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur 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 BTPN Syariah Cabang Pontianak Timur 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 yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat gambar IV.37
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 yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat gambar IV.38
78 Gambar IV.38 User Interface Form pengeluaran Jika admin memilih form pengeluaran maka seperti ini tampilannya, admin dapat memasukan semua data yang dibutuhkan sistem untuk kemudian di simpan 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 yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat gambar IV.39
79 Gambar IV.39 User Interface Form pemasukan Jika admin memilih form pemasukan maka seperti ini tampilannya, admin dapat memasukan semua data yang dibutuhkan sistem untuk kemudian di simpan 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 yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat gambar IV.41
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 sesuai dengan yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat 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 sesuai dengan yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat 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.