46
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

BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 2: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 3: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 4: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 5: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 6: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 7: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 8: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 9: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 10: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 11: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 12: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 13: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 14: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 15: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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:

Page 16: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 17: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 18: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

66

5. Activity Diagram Data Akun

Sumber: Hasil Rancangan (2017)

Gambar IV.16. Activity Diagram Data Akun

Page 19: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 20: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

68

9. Activity Diagram Iuran

Sumber: Hasil Rancangan (2017)

Gambar IV.19. Activity Diagram Iuran

Page 21: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

69

10. Activity Diagram Sertifikasi

Sumber: Hasil Rancangan (2017)

Gambar IV.20. Activity Diagram Sertifikasi

Page 22: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 23: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 24: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 25: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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.

Page 26: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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)

Page 27: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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)

Page 28: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 29: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 30: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 31: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 32: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 33: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

81

b. Sequence diagram Iuran

Sumber: Hasil Rancangan (2017)

Gambar IV.31. Sequence Diagram Iuran

Page 34: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

82

c. Sequence diagram Sertifikasi

Sumber: Hasil Rancangan (2017)

Gambar IV.32. Sequence Diagram sertifikasi

Page 35: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 36: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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 :

Page 37: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 38: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 39: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 40: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 41: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 42: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 43: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 44: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 45: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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

Page 46: BAB IV RANCANGAN SISTEM USULAN...49 BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Dalam penulisan laporan Tugas Akhir, terdapat beberapa kebutuhan yang diperoleh berdasarkan

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