BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software...
Transcript of BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software...
49
BAB IV
RANCANGAN SISTEM USULAN
4.1. Analisa Kebutuhan Software
Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang
diperoleh berdasarkan kebutuhan pengguna dan kebutuhan sistem. Adapun
kebutuhan yang diperlukan berupa analisa kebutuhan, use case diagram dan
activity diagram.
4.1.1. Analisa Kebutuhan
Analisa kebutuhan merupakan kebutuhan utama yang diharapkan sistem
yang berkaitan langsung dengan sistem yang dibuat. Adapun kebutuhan yang
diperlukan agar sistem dapat melakukan pengolahan data-data masukkan dan
menghasilkan keluaran yang dibutuhkan adalah antara lain:
A. Bagian Admin Login
1. Masukkan nama pengguna
2. Masukkan kode pengguna
B. Bagian Admin Mengakses Menu
1. Menu Master
2. Menu Penerimaan
3. Menu Pengeluaran
4. Menu Laporan
5. Menu Log Out
50
C. Bagian Admin Mengakses Menu Master
1. Data user
a. Menambah data user
b. Menyimpan data pengguna
c. Mengubah data pengguna
d. Menghapus data pengguna
e. Mencari data pengguna
2. Data Akun
a. Menambah data akun
b. Mencari data akun
c. Mengubah data akun
d. Menghapus data akun
e. Menyimpan data akun
3. Data Anggota
a. Menambah data anggota
b. Mencari data anggota
c. Mengubah data anggota
d. Menyimpan data anggota
e. Mencetak data anggota
D. Bagian Admin Mengakses Menu Penerimaan
1. Iuran
a. Menambah iuran
b. Menyimpan iuran
c. Mencari iuran
51
d. Mencetak iuran
2. Sertifikasi
a. Menambah sertifikasi
b. Mengubah sertifikasi
c. Menghapus sertifikasi
d. Mencari sertifikasi
e. Menyimpan sertifikasi
f. Mencetak sertifikasi
E. Bagian Admin Mengakses Menu Pengeluaran
1. Biaya Operasional Kantor
a. Menambah Biaya Operasional Kantor
b. Menyimpan Biaya Operasional Kantor
c. Mencari Biaya Operasional Kantor
d. Mencetak Biaya Operasional Kantor
F. Bagian Admin Mengakses Menu Laporan
1. Laporan Penerimaan
a. Melihat laporan penerimaan
b. Mencetak laporan penerimaan
2. Laporan Pengeluaran
a. Melihat laporan pengeluaran
b. Mencetak laporan pengeluaran
3. Laporan Keuangan
a. Melihat laporan keuangan
b. Mencetak laporan keuangan
52
4. Laporan Jurnal Umum
a. Melihat laporan jurnal umum
b. Mencetak laporan jurnal umum
5. Laporan Buku Besar
a. Melihat laporan buku besar
b. Mencetak laporan buku besar
G. Bagian Admin Mengakses Menu log Out
Keluar dari sistem setelah menggunakan aplikasi.
4.1.2. Use Case Diagram
Use Case Diagram digunakan untuk menunjukkan hubungan antara
pengguna atau actor yang akan berinteraksi dengan sistem yang akan dibuat. Use
Case Diagram mendeskripsikan interaksi antara pengguna dengan sistem. Gambar
dibawah ini menjelaskan mengenai interaksi antara pengguna dengan sistem yang
dirancang.
A/ Use A. Use Case Login
Sumber: Hasil Rancangan (2017)
Gambar IV.1. Use Case Diagram Login
53
Tabel.IV.1 Deskripsi Use Case Login
Use Case Narative Login
Tujuan Melakukan login dan masuk kedalam sistem pencatatan keuangan
Deskripsi Sistem ini memungkinkan aktor / user untuk mengakses sistem penginputan
Skenario Utama Aktor Admin dan Manager Kondisi Awal Aktor membuka aplikasi laporan keuangan
Aksi Aktor Reaksi Sistem 1. Aktor memilih
tombol masuk
2. Aktor memilih tombol batal
Sistem akan menampilkan text box untuk mengisi nama pengguna dan password Sistem akan membatalkan proses dan keluar dari aktivitas
Kondisi Akhir Jika perintah benar maka sistem akan masuk kedalam aplikasi laporan keuangan dan aktor dapat melakukan aktivitas didalam sistem
Sumber: Hasil Rancangan (2017)
B. Use Case Menu Utama
Sumber: Hasil Rancangan (2017)
Gambar IV.2. Use Case Diagram Menu Utama
54
Tabel.IV.2 Deskripsi Use Case Menu Utama
Use Case Narative Menu Utama
Tujuan Admin dapat melakukan pengolahan data dengan memilih menu master, menu penerimaan, menu pengeluaran, menu laporan dan Log Out
Deskripsi Sistem ini memungkinkan aktor untuk melakukan penginputan data hingga membuat laporan keuangan
Skenario Utama Aktor Admin Kondisi Awal Aktor membuka aplikasi laporan keuangan
Aksi Aktor Reaksi Sistem 1. Aktor memilih
menu master 2. Aktor memilih
menu penerimaan
3. Aktor memilih pengeluaran
4. Aktor memilih laporan
5. Aktor memilih log out
Sistem akan menampilkan submenu seperti data user, data akun, dan data anggota. Sistem akan memilih submenu seperti iuran dan sertifikasi. Sistem akan menampilkan submenu seperti biaya operasional kantor. Sistem akan menampilkan submenu seperti laporan penerimaan, laporan pengeluaran, laporan keuangan, laporan jurnal umum, dan laporan buku besar. Sistem akan keluar dari aplikasi.
Kondisi Akhir Jika perintah benar maka sistem akan menampilkan sesuai dengan apa yang dipilih.
Sumber: Hasil Rancangan (2017)
C. Use Case Menu Master Data
Sumber: Hasil Rancangan (2017)
Gambar IV.3. Use Case Diagram Master Data
55
Tabel.IV.3 Deskripsi Use Case Menu Master Data
Use Case Narative Menu Master Data
Tujuan Admin dapat melakukan penginputan seperti data akun, data user dan data anggota.
Deskripsi Sistem ini memungkinkan aktor untuk melakukan penginputan data hingga membuat data yang diinginkan
Skenario Utama Aktor Admin Kondisi Awal Aktor berada dimenu master data
Aksi Aktor Reaksi Sistem 1. Aktor memilih
data user 2. Aktor memilih
data akun 3. Aktor memilih
data anggota
Sistem akan menampilkan data user untuk membedakan hak akses pengguna Sistem akan menampilkan data akun untuk melihat akun yang sudah tersimpan Sistem akan menampilkan semua data pengguna
Kondisi Akhir Jika perintah benar maka sistem akan menampilkan sesuai dengan apa yang dipilih.
Sumber: Hasil Rancangan (2017)
D. Use Case Menu Data User
Sumber: Hasil Rancangan (2017)
Gambar IV.4. Use Case Diagram Data User
Tabel.IV.4 Deskripsi Use Case Menu Data User
Use Case Narative Menu Data User
Tujuan Admin dapat melakukan perubahan dan penambahan user Deskripsi Sistem ini memungkinkan aktor untuk melakukan
56
penambahan dan pengubahan password dan username pengguna
Skenario Utama Aktor Admin Kondisi Awal Aktor berada dimenu data user
Aksi Aktor Reaksi Sistem 1. Aktor memilih
tombol tambah 2. Aktor memilih
tombol hapus 3. Aktor memilih
tombol ubah
Sistem akan menampilkan form data untuk menginput data user yang akan ditambah Sistem akan menampilkan form data yang akan dihapus Sistem akan menampilkan form data yang akan diubah
Kondisi Akhir Jika perintah benar maka sistem akan menampilkan sesuai dengan apa yang dipilih.
Sumber: Hasil Rancangan (2017)
E. Use Case Menu Data Akun
Sumber: Hasil Rancangan (2017)
Gambar IV.5. Use Case Diagram Data Akun
Tabel.IV.5 Deskripsi Use Case Menu Data Akun
Use Case Narative Menu Data Akun
Tujuan Admin dapat melakukan perubahan data seperti menambah, mencari, mengubah, menghapus, menyimpan.
Deskripsi Sistem ini memungkinkan aktor untuk mengolah akun yang ada pada laporan keuangan
Skenario Utama Aktor Admin
57
Kondisi Awal Aktor berada dimenu data akun Aksi Aktor Reaksi Sistem
1. Aktor memilih tombol tambah
2. Aktor memilih tombol cari
3. Aktor memilih tombol ubah
4. Aktor memilih tombol hapus
5. Aktor memilih tombol simpan
Sistem akan menampilkan form data untuk menginput data akun yang akan ditambah Sistem akan menampilkan form data akun yang akan dicari Sistem akan menampilkan form data akun yang akan diubah Sistem akan menampilkan form data yang akan di hapus Sistem akan menampilkan form data yang akan disimpan
Kondisi Akhir Jika perintah benar maka sistem akan menampilkan sesuai dengan apa yang dipilih.
Sumber: Hasil Rancangan (2017)
F. Use Case Menu Data Anggota
Sumber: Hasil Rancangan (2017)
Gambar IV.6. Use Case Diagram Data Anggota
Tabel.IV.6 Deskripsi Use Case Menu Data Anggota
Use Case Narative Menu Data Anggota
Tujuan Admin dapat melakukan perubahan data anggota seperti menambah, mencari, mengubah, mencetak.
Deskripsi Sistem ini memungkinkan aktor untuk mengolah data anggota
58
baru dan anggota yang telah bergabung Skenario Utama
Aktor Admin Kondisi Awal Aktor berada dimenu data anggota
Aksi Aktor Reaksi Sistem 1. Aktor memilih
tombol tambah 2. Aktor memilih
tombol cari 3. Aktor memilih
tombol ubah 4. Aktor memilih
tombol mencetak
Sistem akan menampilkan form data untuk menginput data anggota baru yang akan ditambah Sistem akan menampilkan form data anggota yang akan dicari Sistem akan menampilkan form data anggota yang akan diubah Sistem akan menampilkan form data anggota yang akan di cetak
Kondisi Akhir Jika perintah benar maka sistem akan menampilkan sesuai dengan apa yang dipilih.
Sumber: Hasil Rancangan (2017)
G. Use Case Menu Penerimaan
Sumber: Hasil Rancangan (2017)
Gambar IV.7. Use Case Diagram Penerimaan
Tabel.IV.7 Deskripsi Use Case Menu Penerimaan
Use Case Narative Menu Penerimaan
Tujuan Admin dapat melakukan penginputan seperti iuran dan sertifikasi
Deskripsi Sistem ini memungkinkan aktor untuk melakukan penginputan biaya penerimaan
Skenario Utama
59
Aktor Admin Kondisi Awal Aktor berada dimenu penerimaan
Aksi Aktor Reaksi Sistem 1. Aktor memilih
iuran 2. Aktor memilih
sertifikasi
Sistem akan menampilkan form iuran yang dapat menambah, mengubah, menyimpan, mencari, menghapus dan mencetak Sistem akan menampilkan form sertifikasi yang dapat menambah, mengubah, menghapus, mencari, menyimpan dan mencetak.
Kondisi Akhir Jika perintah benar maka sistem akan menampilkan sesuai dengan apa yang dipilih.
Sumber: Hasil Rancangan (2017)
H. Use Case Menu Iuran
Sumber: Hasil Rancangan (2017)
Gambar IV.8. Use Case Diagram Iuran
Tabel.IV.8 Deskripsi Use Case Menu Iuran
Use Case Narative Menu Iuran
Tujuan Admin dapat melakukan penginputan seperti menambah,menyimpan, mencari dan mencetak
Deskripsi Sistem ini memungkinkan aktor untuk melakukan penginputan data penerimaan yang masuk
Skenario Utama Aktor Admin Kondisi Awal Aktor berada dimenu iuran
Aksi Aktor Reaksi Sistem 1. Aktor memilih
menambah Sistem akan menampilkan form tambah untuk menambahkan iuran yang masuk pada tanggal tertentu
60
2. Aktor memilih tombol menyimpan
3. Aktor memilih tombol mencari
4. Aktor memilih tombol mencetak
Sistem akan menampilkan form yang akan di simpan Sistem akan menampilkan form data yang akan dicari Sistem akan menampilkan form yang akan dicetak oleh aktor
Kondisi Akhir Jika perintah benar maka sistem akan menampilkan sesuai dengan apa yang dipilih.
Sumber: Hasil Rancangan (2017)
I. Use Case Menu Sertifikasi
Sumber: Hasil Rancangan (2017)
Gambar IV.9. Use Case Diagram Sertifikasi
Tabel.IV.9 Deskripsi Use Case Menu Sertifikasi Use Case Narative Menu Sertifikasi
Tujuan Admin dapat melakukan penginputan seperti menambah,menyimpan, mencari, mengubah, menghapus, dan mencetak
Deskripsi Sistem ini memungkinkan aktor untuk melakukan penginputan data penerimaan dan mencetak surat izin badan usaha
61
Skenario Utama Aktor Admin Kondisi Awal Aktor berada dimenu sertifikasi
Aksi Aktor Reaksi Sistem 1. Aktor memilih
menambah 2. Aktor memilih
tombol menyimpan
3. Aktor memilih tombol mencari
4. Aktor memilih tombol mengubah
5. Aktor akan memilih tombol menghapus
6. Aktor akan memilih tombol mencetak
Sistem akan menampilkan form tambah untuk menambahkan sertifikasi yang masuk pada tanggal tertentu Sistem akan menampilkan form yang akan di simpan Sistem akan menampilkan form data yang akan dicari Sistem akan menampilkan form yang akan diubah oleh aktor Sistem akan menampilkan data yang akan di hapus Sistem akan menampilkan form data yang akan dicetak
Kondisi Akhir Jika perintah benar maka sistem akan menampilkan sesuai dengan apa yang dipilih.
Sumber: Hasil Rancangan (2017)
J. Use Case Menu Pengeluaran
Sumber: Hasil Rancangan (2017)
Gambar IV.10. Use Case Diagram Pengeluaran
62
Tabel.IV.10 Deskripsi Use Case Menu Pengeluaran
Use Case Narative Menu Pengeluaran
Tujuan Admin dapat melakukan penginputan seperti biaya operasional kantor
Deskripsi Sistem ini memungkinkan aktor untuk melakukan penginputan biaya pengeluaran kantor
Skenario Utama Aktor Admin Kondisi Awal Aktor berada dimenu pengeluaran
Aksi Aktor Reaksi Sistem 1. Aktor memilih
Biaya operasional kantor
Sistem akan menampilkan form biaya operasional kantor yang dapat menambah, menyimpan, mencari, mencetak.
Kondisi Akhir Jika perintah benar maka sistem akan menampilkan sesuai dengan apa yang diinginkan
Sumber: Hasil Rancangan (2017)
K. Use Case Menu Laporan
Sumber: Hasil Rancangan (2017)
Gambar IV.11. Use Case Diagram Laporan
63
Tabel.IV.11 Deskripsi Use Case Menu Laporan
Use Case Narative Menu Laporan
Tujuan Admin dan manager dapat melihat dan mencetak laporan Deskripsi Sistem ini memungkinkan aktor mengecek ;laporan
Skenario Utama Aktor Admin dan manager Kondisi Awal Aktor berada dimenu laporan
Aksi Aktor Reaksi Sistem 1. Aktor memilih
laporan penerimaan
2. Aktor memilih laporan pengeluaran
3. Aktor memilih laporan keuangan
4. Aktor memilih laporan jurnal umum
5. Aktor memilih laporan buku besar
Sistem akan menampilkan laporan penerimaan yang dapat melihat dan mencetak Sistem akan menampilkan laporan pengeluaran yang dapat melihat dan mencetak laporan pengeluaran Sistem akan menampilkan laporan keuangan yang dapat melihat dan mencetak laporan keuangan Sistem akan menampilkan laporan jurnal umum yang dapat melihat dan mencetak jurnal umum Sistem akan menampilkan laporan buku besar yang dapat melihat dan mencetak buku besar
Kondisi Akhir Jika perintah benar maka sistem akan menampilkan sesuai dengan apa yang diinginkan
Sumber: Hasil Rancangan (2017)
4.1.3. Activity Diagram
Activity Diagram menggambarkan aliran kerja dari sistem atau proses
bisnis yang ada pada perangkat lunak. Berikut ada activitiy diagram dengan
sistem yang akan dibuat:
64
1. Activity Diagram Menu Login
Sumber: Hasil Rancangan (2017)
Gambar IV.12. Activity Diagram Menu Login
2. Activity Diagram Menu Utama
Sumber: Hasil Rancangan (2017)
Gambar IV.13. Activity Diagram Menu Utama
65
3. Activity Diagram Master Data
Sumber: Hasil Rancangan (2017)
Gambar IV.14. Activity Diagram Master Data
4. Activity Diagram Data User
Sumber: Hasil Rancangan (2017)
Gambar IV.15. Activity Diagram Data User
66
5. Activity Diagram Data Akun
Sumber: Hasil Rancangan (2017)
Gambar IV.16. Activity Diagram Data Akun
67
6. Activity Diagram Data Anggota
7.
Sumber: Hasil Rancangan (2017)
Gambar IV.17. Activity Diagram Data Anggota
8. Activity Diagram Penerimaan
Sumber: Hasil Rancangan (2017)
Gambar IV.18. Activity Diagram Penerimaan
68
9. Activity Diagram Iuran
Sumber: Hasil Rancangan (2017)
Gambar IV.19. Activity Diagram Iuran
69
10. Activity Diagram Sertifikasi
Sumber: Hasil Rancangan (2017)
Gambar IV.20. Activity Diagram Sertifikasi
70
11. Activity Diagram Pengeluaran
Sumber: Hasil Rancangan (2017)
Gambar IV.21. Activity Diagram Pengeluaran
12. Activity Diagram Laporan
Sumber: Hasil Rancangan (2017)
Gambar IV.22. Activity Diagram Laporan
71
13. Activity Diagram Laporan Penerimaan
Sumber: Hasil Rancangan (2017)
Gambar IV.23. Activity Diagram Laporan Penerimaan
14. Activity Diagram Laporan Pengeluaran
Sumber: Hasil Rancangan (2017)
Gambar IV.24. Activity Diagram Laporan Pengeluaran
72
15. Activity Diagram Laporan Keuangan
Sumber: Hasil Rancangan (2017)
Gambar IV.25. Activity Diagram Laporan Keuangan
16. Activity Diagram Laporan Jurnal Umum
Sumber: Hasil Rancangan (2017)
Gambar IV.26. Activity Diagram Laporan Jurnal Umum
73
17. Activity Diagram Laporan Buku Besar
Sumber: Hasil Rancangan (2017)
Gambar IV.27. Activity Diagram Laporan Buku Besar
4.2. Desain
Hasil dari analisa kebutuhan software kemudian ditransplantasikan ke
dalam bentuk rancangan/desain sistem. Adapun desain yang disajikan terdiri dari
rancangan basis data menggunakan ERD, LRS dan spesifikasi file, software
architecture, user interface dan spesifikasi hardware dan software.
4.2.1. Entity Relationship Diagram (ERD)
Entity relationship diagram (ERD) menggambarkan relasi antar entitas
yang dirancang oleh penulis untuk sistem laporan keuangan. Hasil dari ERD dapat
dilihat pada halaman berikut ini.
74
Sumber: Hasil Rancangan (2017)
Gambar IV.28. Entity Relationship Diagram (ERD)
4.2.2. Logical Record Structure (LRS)
Logical record structure (LRS) menggambarkan keseluruhan entitas baik
yang berelasi maupun tidak. Berikut ini adalah hasil rancangan dari logical record
structure (LRS).
Sumber: Hasil Rancangan (2017)
Gambar IV.29. Logical Record Structure (LRS)
75
4.2.3. Spesifikasi File
Entitas-entitas yang terdapat pada rancangan basis data akan diuraikan ke
dalam bentuk spesifikasi file. Adapun hasil rancangan dari spesifikasi file untuk
setiap entitas yang berada pada basis data dapat dilihat pada uraian berikut.
1. Spesifikasi file user
Nama File : user
Akronim : user.sql
Fungsi : untuk mengelola data
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 50
Kunci Field : id_user
Software : MySQL
Tabel IV. 12 Spesifikasi File User
No Nama Field Akronim Tipe Panjang Ket
1 Id_User Id_User varchar 10 Primary Key
2 Username Nm_User Varchar 15
3 Password Password varchar 10
4 Jabatan Jabatan Varchar 15
Sumber: Hasil Rancangan (2017)
76
2. Spesifikasi file akun
Nama File : akun
Akronim : akun.sql
Fungsi : untuk mengelola data akun
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 50
Kunci Field : id_akun
Software : MySQL
Tabel IV.13 Spesifikasi File Akun
Sumber: Hasil Rancangan (2017)
3. Spesifikasi file anggota
Nama File : anggota
Akronim : anggota.sql
Fungsi : untuk mengelola data pendaftaran
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
No Nama Field Akronim Tipe Panjang Ket
1 Id_akun id_akun varchar 5 Primary Key
2 Nama akun Nm_akun varchar 10
3 Saldo S_akun varchar 15
4 Tanggal tanggal date 20
77
Media : Harddisk
Panjang record : 110
Kunci Field : id_reg
Software : MySQL
Tabel IV.14 Spesifikasi File Anggota
Sumber: Hasil Rancangan (2017)
4. Spesifikasi file Penerimaan
Nama File : Penerimaan
Akronim : Penerimaan.sql
Fungsi : untuk mengelola data penerimaan
Tipe File : Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 115
Kunci Field : kd_kwitansi
No Nama Field Akronim Tipe Panjang Ket
1 Id user id_user varchar 5
2 Id registrasi Id_reg varchar 10 Primary Key
3 Nama perusahaan Nama perusahaan varchar 15
4 Nama anggota Nama anggota Varchar 20
5 Alamat Alamat Varchar 20
6 Tanggal Tanggal date 10
7 Telepon Telepon Varchar 15
8 jumlah Jumlah Varchar 15
78
Software : MySQL
Tabel IV.15 Spesifikasi File penerimaan
N
o
Nama Field Akronim Tipe Panjang Ket
1 Id akun Id_akun varchar 5
2 Nama akun Nm_akun varchar 15
3 Id penerimaan Id_user varchar 15
4 Id registrasi Id_reg varchar 10
5 Tanggal Tanggal date 15
6 Kode kwitansi Kd_kwitansi varchar 10 Primary key
7 Jenis penerimaan J_penerimaan varchar 15
8 Keterangan Keterangan varchar 20
9 Jumlah Jumlah int 10
Sumber: Hasil Rancangan (2017)
5. Spesifikasi file Pengeluaran
Nama File : Pengeluaran
Akronim : Pengeluaran.sql
Fungsi : untuk mengelola data pengeluaran
Tipe File : Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 100
Kunci Field : id_pengeluaran
Software : MySQL
79
Tabel IV.16 Spesifikasi File pengeluaran
No Nama Field Akronim Tipe Panjang Ket
1 Id akun Id_akun varchar 5
2 Nama akun Nm_akun varchar 15
3 Id_pengeluaran Id_pengeluaran varchar 10 Primary key
4 Jenis pengeluara J_pengeluaran varchar 15
5 Tanggal Tanggal date 15
6 Kode kwitansi Kd_kwitansi varchar 10
7 Keterangan Keterangan varchar 20
8 Jumlah Jumlah int 10
Sumber: Hasil Rancangan (2017)
6. Spesifikasi file jurnal
Nama File : jurnal
Akronim : jurnal.sql
Fungsi : untuk menyimpan data penerimaan dan pengeluaran
Tipe File : File transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 50
Kunci Field : id_jurnal
Software : MySQL
Tabel IV.17 Spesifikasi File Jurnal
No Nama Field Tipe Panjang Ket
1 id_jurnal Varchar 10 Primary Key
2 Id_akun Varchar 10
80
3 Tanggal Date 20
4 debet Numeric 5
5 kredit Numeric 5
Sumber: Hasil Rancangan (2017)
4.2.4. Software Architecture
Software architecture atau arsitektur perangkat lunak merupakan satu set
konsep dan keputusan desain tentang struktur dan tekstur perangkat lunak yang
harus dibuat sebelum jadinya sebuah software. Penulis menggunakan sequence
diagram dan deployment diagram untuk menggambarkan konsep dari software
architecture.
1. Sequence diagram
Sequence diagram merupakan diagram yang menggambarkan interaksi
antar obyek dan mengindikasikan komunikasi diantara objek-objek dan
menunjukkan serangkaian pesan yang dipertukarkan oleh objek-objek yang
melakukan suatu tugas atau aksi tertentu.
a. Sequence diagram Login
Sumber: Hasil Rancangan (2017)
Gambar IV.8. Sequence Diagram Menu Utama
Gambar IV.30. Sequence Diagram Login
81
b. Sequence diagram Iuran
Sumber: Hasil Rancangan (2017)
Gambar IV.31. Sequence Diagram Iuran
82
c. Sequence diagram Sertifikasi
Sumber: Hasil Rancangan (2017)
Gambar IV.32. Sequence Diagram sertifikasi
83
a. Sequence diagram pengeluaran
Gambar IV.33. Sequence Diagram Pengeluaran
e. Sequence Diagram Cetak Laporan
Sumber: Hasil Rancangan (2017)
Gambar IV.34. Sequence Diagram Cetak Laporan
84
2. Deployment diagram
Deployment diagram digunakan memetakan software ke processing node
yang menunjukkan konfigurasi elemen pemproses pada saat run time dan software
yang ada di dalamnya.
Sumber: Hasil Rancangan (2017)
Gambar IV.35. Deployment Diagram
4.2.5. User Interface
Pada bab ini akan menampilkan suatu aplikasi usulan, adapun
rancangannya sebagai berikut :
85
1. Tampilan Login
Sumber : Hasil Rancangan (2017)
Gambar IV.36. User Interface Login
2. Tampilan Menu Master
Sumber : Hasil Rancangan (2017)
Gambar IV.37. User Interface Menu Master
86
3. Tampilan Menu Penerimaan
Sumber : Hasil Rancangan (2017)
Gambar IV.38. User Interface Menu penerimaan
4. Tampilkan Menu Pengeluaran
Sumber : Hasil Rancangan (2017)
Gambar IV.39. User Interface Data Pengeluaran
87
5. Tampilan Menu Laporan
Sumber : Hasil Rancangan (2017)
Gambar IV.40. User Interface Laporan
6. Tampilan Data User
Sumber : Hasil Rancangan (2017)
Gambar IV.41. User Interface Data User
88
7. Tampilan Data Akun
Sumber : Hasil Rancangan (2017)
Gambar IV.42. User Interface Data Akun
8. Tampilan Data Anggota
Sumber : Hasil Rancangan (2017)
Gambar IV.43. User Interface Data Anggota
89
9. Tampilan Form Iuran
Sumber : Hasil Rancangan (2017)
Gambar IV.44. User Interface Iuran
10. Tampilan Form Sertifikasi
Sumber : Hasil Rancangan (2017)
Gambar IV.45. User Interface Sertifikasi
90
11. Tampilan Form Biaya Operasional Kantor
Sumber : Hasil Rancangan (2017)
Gambar IV.46. User Interface hasil Biaya Operasional Kantor
12. Tampilan Laporan Peenerimaan
Sumber : Hasil Rancangan (2017)
Gambar IV.47. User Interface Laporan Penerimaan
91
13. Tampilan Laporan Pengeluaran
Sumber : Hasil Rancangan (2017)
Gambar IV.48. User Interface Laporan Pengeluaran
14. Tampilan Jurnal Umum
Sumber : Hasil Rancanga (2017)
Gambar IV.49. User Interface Jurnal Umum
92
15. Tampilan Buku Besar
Sumber : Hasil Rancangan (2017)
Gambar IV.50. User Interface Buku Besar
16. Tampilan Menu Utama Manager
Sumber : Hasil Rancangan (2017)
Gambar IV.51. User Interface menu utama manager
93
17. Tampilan hasil cetakan Laporan Keuangan
Sumber : Hasil Rancangan (2017)
Gambar IV.52. User Interface hasil cetak laporan keuangan
18. Tampilan hasil cetakan Laporan Keuangan
Sumber : Hasil Rancangan (2017)
Gambar IV.53. User Interface hasil cetak kwitansi
94
4.2.6. Spesifikasi Hardware dan Software
Spesifikasi yang dibutuhkan dalam merancang sistem laporan keuangan
ini memerlukan hardware dan software. Adapun hardware dan software yang
digunakan diuraikan sebagai berikut.
1. Spesifikasi Hardware
Adapun spesifikasi hardware yang diperlukan adalah sebagai berikut:
a. CPU (Central Processing Unit)
1.) Processor : 1.4Ghz
2.) RAM : 2 GB DDR3
3.) Harddisk : 20 GB
b. Monitor (14” WXGA LCD / LED 1028x768)
c. Keyboard (Standard Keyboard 86 keys)
d. Mouse
2. Spesifikasi Software
Adapun kebutuhan perangkat lunakyang diperlukan agar perangkat lunak
dapat berjalan yaitu:
a. Sistem Operasi : Windows 8.1
b. Web server : XAMPP 3.2.1
c. Bahasa Pemrograman : Java
d. Editor : NetBeans
e. DBMS : MySQL
f. Software pendukung : iReport