37
BAB IV
RANCANGAN SISTEM DAN PROGRAM USULAN
4.1. Analisa Kebutuhan Software
A. Tahapan Analisis
Sistem Informasi Akuntansi pada CV. Gemilang Lestari Jaya Tangerang
Selatan dibuat agar memudahkan karyawan dan pimpinan dalam mengakses
informasi mengenai kegiatan keuangan yang ada di perusahaan dimana mereka
tidak harus bertemu dan bertatap muka untuk memperoleh informasi keuangan
tersebut. Informasi mengenai keuangan perusahaan dapat diakses menggunakan
media web browser. Berikut ini adalah spesifikasi kebutuhan dari sistem
informasi akuntansi pada CV. Gemilang Lestari Jaya Tangerang Selatan.
Halaman Admin :
A1. Admin dapat melakukan login dengan username dan password yang
telah ditentukan
A2. Admin dapat mengelola data akun.
A3. Admin dapat mengelola data saldo awal.
A4. Admin dapat mengelola data user.
A5. Admin dapat mengelola data periode akuntansi.
A6. Admin dapat mengelola transaksi kas masuk.
A7. Admin dapat mengelola transaksi kas keluar.
A8. Admin dapat mengelola transaksi jurnal umum.
A9. Admin dapat mengelola informasi akun.
A10. Admin dapat mengelola informasi user.
38
A11. Admin dapat mengelola informasi kas keluar.
A12. Admin dapat mengelola informasi kas masuk.
A13. Admin dapat mengelola informasi jurnal umum.
A14. Admin dapat mengelola laporan arus kas.
A15. Admin dapat mengelola laporan laba rugi.
A16. Admin dapat mengelola laporan perubahan modal.
A17. Admin dapat mengelola laporan Neraca.
Halaman Akuntan :
B1. Akuntan dapat melakukan login dengan username dan password yang
telah ditentukan
B2. Akuntan dapat mengelola transaksi kas masuk
B3. Akuntan dapat mengelola transaksi kas keluar.
B4. Akuntan dapat mengelola transaksi jurnal umum.
B5. Akuntan dapat mengelola informasi akun.
B6. Akuntan dapat mengelola informasi user.
B7. Akuntan dapat mengelola informasi kas keluar.
B8. Akuntan dapat mengelola informasi kas masuk.
B9. Akuntan dapat mengelola informasi jurnal umum.
B10. Akuntan dapat mengelola laporan arus kas.
B11. Akuntan dapat mengelola laporan laba rugi.
B12. Akuntan dapat mengelola laporan perubahan modal.
B13. Akuntan dapat mengelola laporan neraca.
39
Halaman Direktur :
C1. Direktur dapat melakukan login dengan username dan password yang
telah ditentukan
C2. Direktur dapat mengelola laporan arus kas.
C3. Direktur dapat mengelola laporan laba rugi.
C4. Direktur dapat mengelola laporan perubahan modal.
C5. Direktur dapat mengelola laporan neraca.
B. Use Case diagram
Kegiatan sistem informasi akuntansi pada CV. Gemilang Lestari Jaya
digambarkan oleh Business Use Case Diagram sebagai berikut:
40
1. Use Case Diagram Halaman Admin
Gambar IV.1
Use Case Diagram Sistem Informasi Akuntansi Halaman Admin
41
1. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Login Admin :
Tabel IV.1
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Login Admin
Use Case Name Login Admin
Requirements A1
Goal Menu Admin akan tampil
Pre-conditions Data Admin harus sudah ada didalam sistem
Post-conditions Admin berhasil login dan masuk kedalam
menu Admin
Failed and condition Admin gagal login
Primary Actors Admin
Main Flow/Basic Path 1. Admin menginput username
2. Admin menginput password
3. Sistem memverifikasi username dan
password
4. Jika valid sistem menampilkan menu
Admin
5. Jika tidak valid sistem kembali ke
halaman login Admin
Invariant -
42
2. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Mengelola Data
Akun :
Tabel IV.2
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Mengelola Data Akun
Use Case Name Mengelola Data Akun
Requirements A2
Goal Admin dapat menambah, memfilter, mengedit
dan menghapus data transaksi
Pre-conditions Admin telah melakukan login
Post-conditions Data Akun tampil, tersimpan dan terhapus
Failed and condition Gagal menambah, memfilter, menyimpan dan
menghapus Data Akun
Primary Actors Admin
Main Flow/Basic Path 6. Admin memilih data akun
7. Sistem menampilkan form tambah akun
dan menampilkan data akun
8. Admin mengisi form tambah akun
9. Admin memilih tombol “Insert”
10. Sistem menyimpan data akun
Alternate Flow/ Invariant 1 2a. Admin mengedit data akun
Invariant 2 2b. Admin menghapus data akun
Invariant 3 2c. Admin memfilter data akun
43
3. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Mengelola Data
Saldo Awal :
Tabel IV.3
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Mengelola Data Saldo Awal
Use Case Name Mengelola Data Saldo Awal
Requirements A3
Goal Admin dapat menambah, memfilter, mengedit
dan menghapus data saldo awal
Pre-conditions Admin telah melakukan login
Post-conditions Data saldo awal tampil, tersimpan dan terhapus
Failed and condition Gagal menambah, memfilter, menyimpan dan
menghapus data saldo awal
Primary Actors Admin
Main Flow/Basic Path 11. Admin memilih saldo awal
12. Sistem menampilkan form saldo awal,
data akun dan data saldo awal
13. Admin memilih akun
14. Admin mengisi form saldo awal
15. Admin memilih tombol “Simpan”
16. Sistem menyimpan data saldo awal
Alternate Flow/ Invariant 1 2a. Admin mengedit data saldo awal
Invariant 2 2b. Admin menghapus data saldo awal
Invariant 3 2c. Admin memfilter data saldo awal
44
4. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Mengelola Data
User :
Tabel IV.4
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Mengelola Data User
Use Case Name Mengelola Data User
Requirements A4
Goal Admin dapat menambah, memfilter, mengedit
dan menghapus data user
Pre-conditions Admin telah melakukan login
Post-conditions Data user tampil, tersimpan dan terhapus
Failed and condition Gagal menambah, memfilter, menyimpan dan
menghapus data user
Primary Actors Admin
Main Flow/Basic Path 17. Admin memilih user
18. Sistem menampilkan data user
19. Admin memilih tombol “Tambah”
20. Sistem menampilkan form administrator
21. Admin mengisi form administrator
22. Admin memilih tombol “Simpan”
23. Sistem menyimpan data user
Alternate Flow/ Invariant 1 2a. Admin mengedit data user
Invariant 2 2b. Admin menghapus data user
Invariant 3 2c. Admin memfilter data user
45
5. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Mengelola Data
Periode Akuntansi :
Tabel IV.5
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Mengelola Data Periode Akuntansi
Use Case Name Mengelola Data Periode Akuntansi
Requirements A5
Goal Admin dapat menambah, mengedit dan
menghapus data periode akuntansi
Pre-conditions Admin telah melakukan login
Post-conditions Data periode akuntansi tampil, tersimpan dan
terhapus
Failed and condition Gagal menambah, menyimpan dan menghapus
data periode akuntansi
Primary Actors Admin
Main Flow/Basic Path 24. Admin memilih periode akuntansi
25. Sistem menampilkan data periode
akuntansi
26. Admin memilih tombol “Tambah Periode
Baru”
27. Sistem menampilkan form tambah periode
28. Admin mengisi form tambah periode
29. Admin memilih tombol “Insert”
30. Sistem menyimpan data periode akuntansi
Alternate Flow/ Invariant 1 2a. Admin mengedit data periode akuntansi
Invariant 2 2b. Admin menghapus data periode akuntansi
46
6. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Mengelola Data
Transaksi :
Tabel IV.6
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Mengelola Data Transaksi
Use Case Name Mengelola Data Transaksi
Requirements A6-A8
Goal Admin dapat menambah, memfilter dan
menghapus data transaksi
Pre-conditions Admin telah melakukan login
Post-conditions Data transaksi tampil, tersimpan dan terhapus
Failed and condition Gagal menambah, memfilter dan menghapus
Data transaksi
Primary Actors Admin
Main Flow/Basic Path 31. Admin memilih jenis transaksi
32. Sistem menampilkan form transaksi dan
menampilkan data transaksi
33. Admin memilih tombol “Tambah”
34. Sistem menampilkan nomor urut transaksi
35. Admin mengisi form transaksi
36. Admin memilih tombol “Simpan”
37. Sistem menyimpan data transaksi
Alternate Flow/ Invariant 1 2A. Admin menghapus data transaksi
Invariant 2 2b. Admin memfilter data transaksi
47
7. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Mengelola
Informasi Akun :
Tabel IV.7
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Mengelola Informasi Akun
Use Case Name Mengelola Informasi Akun
Requirements A9
Goal Admin dapat memfilter informasi akun
Pre-conditions Admin telah melakukan login
Post-conditions Informasi akun tampil dan terfilter
Failed and condition Gagal menampilkan dan memfilter informasi
akun
Primary Actors Admin
Main Flow/Basic Path 38. Admin memilih informasi akun
39. Sistem menampilkan informasi akun
40. Admin mengetik no akun atau nama akun
41. Admin memilih tombol “Cari”
42. Sistem memfilter dan menampilkan
informasi akun
Invariant -
48
8. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Mengelola
Informasi User :
Tabel IV.8
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Mengelola Informasi User
Use Case Name Mengelola Informasi User
Requirements A10
Goal Admin dapat memfilter informasi user
Pre-conditions Admin telah melakukan login
Post-conditions Informasi user tampil dan terfilter
Failed and condition Gagal menampilkan dan memfilter informasi
user
Primary Actors Admin
Main Flow/Basic Path 43. Admin memilih informasi user
44. Sistem menampilkan informasi user
45. Admin mengetik username atau nama
lengkap
46. Admin memilih tombol “Cari”
47. Sistem memfilter dan menampilkan
informasi user
Invariant -
49
9. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Mengelola
Informasi Transaksi :
Tabel IV.9
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Mengelola Informasi Transaksi
Use Case Name Mengelola Informasi Transaksi
Requirements A11-A13
Goal Admin dapat memfilter informasi transaksi
Pre-conditions Admin telah melakukan login
Post-conditions Informasi transaksi tampil dan terfilter
Failed and condition Gagal menampilkan dan memfilter informasi
transaksi
Primary Actors Admin
Main Flow/Basic Path 48. Admin memilih jenis informasi transaksi
49. Sistem menampilkan informasi transaksi
50. Admin mengisi periode akuntansi
51. Admin memilih tombol “Cari”
52. Sistem memfilter dan menampilkan
informasi transaksi
Invariant -
50
10. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Mengelola
Laporan :
Tabel IV.10
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Mengelola Laporan
Use Case Name Mengelola Laporan
Requirements A14-A17
Goal Admin dapat menampilkan dan mencetak
laporan
Pre-conditions Admin telah melakukan login
Post-conditions Sistem menampilkan laporan.
Failed and condition Admin membatalkan akses laporan
Primary Actors Admin
Main Flow/Basic Path 53. Admin memilih jenis laporan
54. Sistem menampilkan form periode
laporan
55. Admin mengisi periode laporan
56. Admin memilih tombol “Tampil”
57. Sistem menampilkan laporan
58. Admin dapat mencetak laporan
Invariant -
51
2. Use Case Diagram Halaman Akuntan
Gambar IV.2
Use Case Diagram Sistem Informasi Akuntansi Halaman Akuntan
52
1. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Login Akuntan :
Tabel IV.11
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Login Akuntan
Use Case Name Login Akuntan
Requirements B1
Goal Menu Akuntan akan tampil
Pre-conditions Data Akuntan harus sudah ada didalam sistem
Post-conditions Akuntan berhasil login dan masuk kedalam
menu Akuntan.
Failed and condition Akuntan gagal login
Primary Actors Akuntan
Main Flow/Basic Path 1. Akuntan menginput username
2. Akuntan menginput password
3. Sistem memverifikasi username dan
password
4. Jika valid sistem menampilkan menu
Akuntan
5. Jika tidak valid sistem kembali ke halaman
login Akuntan
Invariant -
53
2. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Mengelola Data
Transaksi :
Tabel IV.12
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Mengelola Data Transaksi
Use Case Name Mengelola Data Transaksi
Requirements B2-B4
Goal Akuntan dapat menambah, memfilter dan
menghapus data transaksi
Pre-conditions Akuntan telah melakukan login
Post-conditions Data transaksi tampil, tersimpan dan terhapus
Failed and condition Gagal menambah, memfilter dan menghapus
Data transaksi
Primary Actors Akuntan
Main Flow/Basic Path 6. Akuntan memilih jenis transaksi
7. Sistem menampilkan form transaksi dan
menampilkan data transaksi
8. Akuntan memilih tombol “Tambah”
9. Sistem menampilkan nomor urut
transaksi
10. Akuntan mengisi form transaksi
11. Akuntan memilih tombol “Simpan”
12. Sistem menyimpan data transaksi
Alternate Flow/ Invariant 1 2A. Akuntan menghapus data transaksi
Invariant 2 2b. Akuntan memfilter data transaksi
54
3. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Mengelola
Informasi Akun :
Tabel IV.13
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Mengelola Informasi Akun
Use Case Name Mengelola Informasi Akun
Requirements B5
Goal Akuntan dapat memfilter informasi akun
Pre-conditions Akuntan telah melakukan login
Post-conditions Informasi akun tampil dan terfilter
Failed and condition Gagal menampilkan dan memfilter informasi
akun
Primary Actors Akuntan
Main Flow/Basic Path 13. Akuntan memilih informasi akun
14. Sistem menampilkan informasi akun
15. Akuntan mengetik no akun atau nama
akun
16. Akuntan memilih tombol “Cari”
17. Sistem memfilter dan menampilkan
informasi akun
Invariant -
55
4. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Mengelola
Informasi User :
Tabel IV.14
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Mengelola Informasi User
Use Case Name Mengelola Informasi User
Requirements B6
Goal Akuntan dapat memfilter informasi user
Pre-conditions Akuntan telah melakukan login
Post-conditions Informasi user tampil dan terfilter
Failed and condition Gagal menampilkan dan memfilter informasi
user
Primary Actors Akuntan
Main Flow/Basic Path 18. Akuntan memilih informasi user
19. Sistem menampilkan informasi user
20. Akuntan mengetik username atau nama
lengkap
21. Akuntan memilih tombol “Cari”
22. Sistem memfilter dan menampilkan
informasi user
Invariant -
56
5. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Mengelola
Informasi Transaksi :
Tabel IV.15
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Mengelola Informasi Transaksi
Use Case Name Mengelola Informasi Transaksi
Requirements B7-B9
Goal Akuntan dapat memfilter informasi transaksi
Pre-conditions Akuntan telah melakukan login
Post-conditions Informasi transaksi tampil dan terfilter
Failed and condition Gagal menampilkan dan memfilter informasi
transaksi
Primary Actors Akuntan
Main Flow/Basic Path 23. Akuntan memilih jenis informasi transaksi
24. Sistem menampilkan informasi transaksi
25. Akuntan mengisi periode laporan
26. Akuntan memilih tombol “Cari”
27. Sistem memfilter dan menampilkan
informasi transaksi
Invariant -
57
6. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Mengelola
Laporan :
Tabel IV.16
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Mengelola Laporan
Use Case Name Mengelola Laporan
Requirements B10-B13
Goal Akuntan dapat menampilkan dan mencetak
laporan
Pre-conditions Akuntan telah melakukan login
Post-conditions Sistem menampilkan laporan.
Failed and condition Akuntan membatalkan akses laporan
Primary Actors Akuntan
Main Flow/Basic Path 28. Akuntan memilih jenis laporan
29. Sistem menampilkan form periode
laporan
30. Akuntan mengisi periode laporan
31. Akuntan memilih tombol “Tampil”
32. Sistem menampilkan laporan
33. Akuntan dapat mencetak laporan
Invariant -
58
3. Use Case Diagram Halaman Direktur
Gambar IV.3
Use Case Diagram Sistem Informasi Akuntansi Halaman Direktur
1. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Login Direktur :
Tabel IV.17
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Login Direktur
Use Case Name Login Direktur
Requirements C1
Goal Menu Direktur akan tampil
59
Pre-conditions Data Direktur harus sudah ada didalam sistem
Post-conditions Direktur berhasil login dan masuk kedalam menu
Direktur.
Failed and condition Direktur gagal login
Primary Actors Direktur
Main Flow/Basic Path 2. Direktur menginput username
3. Direktur menginput password
4. Sistem memverifikasi username dan
password
5. Jika valid sistem menampilkan menu
Direktur
6. Jika tidak valid sistem kembali ke halaman
login Direktur
Invariant -
2. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Mengelola
Laporan :
Tabel IV.18
Deskripsi Use Case Diagram Sistem Informasi Akuntansi
Mengelola Laporan
Use Case Name Mengelola Laporan
Requirements C2-C5
Goal Direktur dapat menampilkan dan mencetak
laporan
Pre-conditions Direktur telah melakukan login
60
Post-conditions Sistem menampilkan laporan
Failed and condition Gagal menampilkan dan mencetak laporan
Primary Actors Direktur
Main Flow/Basic Path 7. Direktur memilih jenis laporan
8. Sistem menampilkan form periode laporan
9. Direktur mengisi periode laporan
10. Direktur memilih tombol “Tampil”
11. Sistem menampilkan laporan
12. Direktur dapat mencetak laporan
Invariant -
61
C. Activity Diagram
1. Activity Diagram Admin Mengelola Data Akun
Gambar IV.4
Activity Diagram Sistem Informasi Akuntansi Halaman Admin
Mengelola Data Akun
62
2. Activity Diagram Admin Mengelola Data Saldo Awal
Gambar IV.5
Activity Diagram Sistem Informasi Akuntansi Halaman Admin
Mengelola Data Saldo Awal
63
3. Activity Diagram Admin Mengelola Data User
Gambar IV.6
Activity Diagram Sistem Informasi Akuntansi Halaman Admin
Mengelola Data User
64
4. Activity Diagram Admin Mengelola Data Periode
Gambar IV.7
Activity Diagram Sistem Informasi Akuntansi Halaman Admin
Mengelola Data Periode
65
5. Activity Diagram Akuntan Mengelola Transaksi
Gambar IV.8
Activity Diagram Sistem Informasi Akuntansi Halaman Akuntan
Mengelola Data Transaksi
66
6. Activity Diagram Akuntan Mengelola Informasi Akun
Gambar IV.9
Activity Diagram Sistem Informasi Akuntansi Halaman Akuntan
Mengelola Informasi Akun
67
7. Activity Diagram Akuntan Mengelola Informasi User
Gambar IV.10
Activity Diagram Sistem Informasi Akuntansi Halaman Akuntan
Mengelola Informasi User
68
8. Activity Diagram Akuntan Mengelola Informasi Transaksi
Gambar IV.11
Activity Diagram Sistem Informasi Akuntansi Halaman Akuntan
Mengelola Informasi Transaksi
69
9. Activity Diagram Direktur Mengelola Data Laporan
Gambar IV.12
Activity Diagram Sistem Informasi Akuntansi Halaman Akuntan
Mengelola Data Laporan
70
4.2. Desain
4.2.1. Database
1. Entity Relationship Diagram (ERD)
Gambar IV.13
Entity Relationship Diagram Sistem Informasi Akuntansi
71
2. Logical Record Structure
Gambar IV.14
Logical Record Structure Sistem Informasi Akuntansi
3. Spesifikasi File
a. Spesifikasi File Tabel Admin
Nama Database : sia
Nama File : Tabel Admin
Akronim : admin.ibd
72
Tipe File : File Master
Akses File : Random
Panjang Record : 51 Byte
Kunci Field : username
Tabel IV.19
Spesifikasi File Tabel Admin
No Elemen Data Nama Field Type Size Keterangan
1 Username username varchar 5 Primary Key
2 Nama
Lengkap
nama_lengkap varchar 25
3 Password passwd varchar 6
4 Hak Akses hak_akses varchar 15
b. Spesifikasi File Tabel Master Akun
Nama Database : sia
Nama File : Tabel Master Akun
Akronim : master_akun.ibd
Tipe File : File Master
Akses File : Random
Panjang Record : 58 Byte
Kunci Field : kode_akun
73
Tabel IV.20
Spesifikasi File Tabel Master Akun
No Elemen Data Nama Field Type Size Keterangan
1 Kode Akun kode_akun varchar 7 Primary Key
2 Nama Akun nama_akun varchar 30
3 Jesin Akun jenis_akun varchar 15
4 Saldo Normal saldo_normal varchar 6
c. Spesifikasi File Tabel Saldo Awal
Nama Database : sia
Nama File : Tabel Saldo Awal
Akronim : saldo_awal.ibd
Tipe File : File Master
Akses File : Random
Panjang Record : 29 Byte
Kunci Field : kode_akun
Tabel IV.21
Spesifikasi File Tabel Saldo Awal
No Elemen Data Nama Field Type Size Keterangan
1 Kode Akun kode_akun varchar 7 Primary Key
2 Saldo Debet saldo_debet int 11
3 Saldo Kredit saldo_kredit int 11
74
d. Spesifikasi File Tabel Periode
Nama Database : sia
Nama File : Tabel Periode
Akronim : periode.ibd
Tipe File : File Master
Akses File : Random
Panjang Record : 34 Byte
Kunci Field : thn
Tabel IV.22
Spesifikasi File Tabel Periode
No Elemen Data Nama Field Type Size Keterangan
1 Tahun thn int 4 Primary Key
2 Awal Bulan awal_bln varchar 15
3 Akhir Bulan akhir_bln varchar 15
4 Status status enum
e. Spesifikasi File Tabel Kas In
Nama Database : sia
Nama File : Tabel Kas In
Akronim : kas_in.ibd
Tipe File : File Transaksi
Akses File : Random
75
Panjang Record : 60 Byte
Kunci Field : no_km
Tabel IV.23
Spesifikasi File Tabel Kas In
No Elemen Data Nama Field Type Size Keterangan
1 No Kas Masuk no_km varchar 10 Primary Key
2 Tanggal Kas Masuk tgl_km date
3 Keterangan keterangan varchar 50
f. Spesifikasi File Tabel Kas In Detail
Nama Database : sia
Nama File : Tabel Kas In Detail
Akronim : kas_in_detail.ibd
Tipe File : File Transaksi
Akses File : Random
Panjang Record : 28 Byte
Kunci Field : no_km
Tabel IV.24
Spesifikasi File Tabel Kas In Detail
No Elemen Data Nama Field Type Size Keterangan
1 No Kas Masuk no_km varchar 10 Primary Key
76
2 Kode Akun kode_akun varchar 7 Foreign Key
3 Nominal nominal int 11
g. Spesifikasi File Tabel Kas Out
Nama Database : sia
Nama File : Tabel Kas Out
Akronim : kas_out.ibd
Tipe File : File Transaksi
Akses File : Random
Panjang Record : 60 Byte
Kunci Field : no_kk
Tabel IV.25
Spesifikasi File Tabel Kas Out
No Elemen Data Nama Field Type Size Keterangan
1 No Kas Keluar no_kk varchar 10 Primary Key
2 Tanggal Kas Keluar tgl_kk date
3 Memo memo varchar 50
h. Spesifikasi File Tabel Kas Out Detail
Nama Database : sia
Nama File : Tabel Kas Out Detail
Akronim : kas_out_detail.ibd
77
Tipe File : File Transaksi
Akses File : Random
Panjang Record : 28 Byte
Kunci Field : no_kk
Tabel IV.26
Spesifikasi File Tabel Kas Out Detail
No Elemen Data Nama Field Type Size Keterangan
1 No Kas Keluar no_kk varchar 10 Primary Key
2 Kode Akun kode_akun varchar 7 Foreign Key
3 Nominal nominal int 11
i. Spesifikasi File Tabel Jurnal
Nama Database : sia
Nama File : Tabel Jurnal
Akronim : jurnal.ibd
Tipe File : File Transaksi
Akses File : Random
Panjang Record : 70 Byte
Kunci Field : no_referensi
78
Tabel IV.27
Spesifikasi File Tabel Jurnal
No Elemen Data Nama Field Type Size Keterangan
1 No Referensi no_referensi varchar 10 Primary Key
2 tanggal Transaksi tgl_trans date
3 No Bukti
Transaksi
no_bukti_trans varchar 10
4 Keterangan keterangan varchar 50
j. Spesifikasi File Tabel Jurnal Detail
Nama Database : sia
Nama File : Tabel Jurnal Detail
Akronim : jurnal_detail.ibd
Tipe File : File Transaksi
Akses File : Random
Panjang Record : 28 Byte
Kunci Field : no_referensi
Tabel IV.28
Spesifikasi File Tabel Jurnal
No Elemen Data Nama Field Type Size Keterangan
1 No Referensi no_referensi varchar 10 Primary Key
79
2 Kode Akun kode_akun varchar 7 Foreign Key
3 Debet debet int 11
4 Kredit kredit int 11
4.2.2. Software Architecture
A. Component Diagram
Component Diagram menggambarkan struktur dan hubungan
antar komponen piranti lunak. Berikut adalah gambaran component
diagram:
Gambar IV.15
Component Diagram Sistem Informasi Akuntansi
80
B. Deployment Diagram
Deployment Diagram menggambarkan tata letak sistem
secara fisik, yang menampakan bagian-bagian software yang
berjalan pada hardware yang digunakan untuk
mengimplementasikan sebuah sistem dan keterhubungan antara
komponen hardware. Berikut adalah gambaran dari deployment
diagram:
Gambar IV.16
Deployment Diagram Sistem Informasi Akuntansi
4.2.3. User Interface
User Interface adalah tampilan program atau website yang dibuat
oleh penulis. Berikut adalah user interface dari sistem Informasi
Akuntansi :
81
Gambar IV.17
Tampilan Home
Gambar IV.18
Tampilan About
82
Gambar IV.19
Tampilan Gallerry
Gambar IV.20
Tampilan Profile
83
Gambar IV.21
Tampilan Login
Gambar IV.22
Tampilan Halaman Admin
84
Gambar IV. 23
Tampilan Sub Menu Akun
Gambar IV. 24
Tampilan Sub Menu Saldo Awal
85
Gambar IV. 25
Tampilan Sub Menu User
Gambar IV. 26
Tampilan Sub Menu Periode Akuntansi
86
Gambar IV. 27
Tampilan Sub Menu Kas Masuk
Gambar IV. 28
Tampilan Sub Menu Kas Keluar
87
Gambar IV. 29
Tampilan Sub Menu Jurnal Umum
Gambar IV. 30
Tampilan Sub Menu Informasi Akun
88
Gambar IV. 31
Tampilan Sub Menu Informasi User
Gambar IV. 32
Tampilan Sub Menu Informasi Kas Masuk
89
Gambar IV. 33
Tampilan Sub Menu Informasi Kas Keluar
Gambar IV. 34
Tampilan Sub Menu Informasi Jurnal Umum
90
Gambar IV. 35
Tampilan Sub Menu Arus Kas
Gambar IV. 36
Tampilan Sub Menu Laba Rugi
91
Gambar IV. 37
Tampilan Sub Menu Perubahan Modal
Gambar IV. 38
Tampilan Sub Menu Neraca
92
4.3. Code Generation
a. Halaman Pengunjung
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>
<%-- Koneksi --%>
<sql:setDataSource var="dataSource"
driver="com.mysql.jdbc.Driver"
url="jdbc:mysql://localhost:3306/sia"
user="root" password=""/>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title>Sistem Informasi Akuntansi 1.0</title>
<link rel="stylesheet" type="text/css" href="config/style.css"
media="screen" />
<script type="text/javascript" src="config/setting.js"></script>
</head>
<body>
<div id="wrap">
<div id="header"><%-- awal header --%>
<img src="image/logo.jpg"><%-- gambar silahkan
massukkan logo BSI --%>
<h1><a>CV Gemilang Lestari
Jaya</a></h1><br>
<%-- mahasiswa wajib mengganti alamat kampus msg2 --%>
<h2>Villa Dago Tol Blok D2 No. 46 Sarua, Ciputat</h2>
<%-- mahasiswa wajib mengganti dengan nama masing2 --%>
<h2>Tangerang Selatan</h2>
</div><%-- akhir dari header --%>
<div id="menu"><%-- awal dari menu atas --%>
<ul>
<li><a href="pengunjung.jsp">Home</a></li>
<li><a
href="pengunjung.jsp?halaman=about">About</a></li><%-- buat
halaman about dengan biodata mahasiswa --%>
<li><a
href="pengunjung.jsp?halaman=gallery">Gallery</a></li>
<li><a
href="pengunjung.jsp?halaman=profile">Profile</a></li>
<li><a
href="http://localhost:8080/sia_skripsi/login.jsp">Login</a></li>
</ul>
</div><%-- akhir dari menu atas --%>
93
<div class="center"> <%-- awal dari content sebelah kanan web
--%>
<table width="100%">
<tr>
<td valign="top" width="110%">
<c:choose><%-- isi dari content sebelah kanan --%>
<c:when test="${param.halaman=='gallery'}">
<%@include file="gallery.jsp" %>
</c:when>
<c:when test="${param.halaman=='about'}">
<%@include file="about.jsp" %>
</c:when>
<c:when test="${param.halaman=='profile'}">
<%@include file="profile.jsp" %>
</c:when>
<c:otherwise>
<%@include file="home.jsp" %>
</c:otherwise>
</c:choose>
</td>
</tr>
</table>
<div class="footer"> <%-- awal dari content footer web --
%>
Support by <a href="facebook.com">Program Ku</a>,||
©2018
Thanks to Layout menu utama menggunakan CSS
</div><%-- akhir dari content footer web --%>
</div><%-- akhir dari content sebelah kanan web --%>
</div>
</body>
</html>
b. Halaman Login
<% if (session.getAttribute("nama") != null)
response.sendRedirect("index.jsp"); %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title>LOG IN</title>
<link rel="stylesheet" type="text/css"
href="config/style.css" media="Screen"/>
<style type="text/css">
*{margin:auto;padding:0;}
94
body{font-family:helvetica;background:#75B03C;}
#header {height: 10px; margin: 0 auto; width: 965px; background:
#75B03C;}
#con{background:#fff;width:350px;padding:30px;margin-
top:200px;border-radius:20px;border:2 solid #eee;box-shadow:2px 6px
10px #ccc;}
h2{text-align:center;margin-bottom:15px;}
p{margin-bottom:10px;}
label{display:inline-block;width:100px;}
input[type=submit]{border:none;color:#fff;background:linear-
gradient(top, #333 0%, #777 100%);background:-moz-linear-
gradient(top, #333 0%, #777 100%);background:-webkit-linear-
gradient(top, #333 0%, #777 100%);height:30px;width:100px;border-
radius:5px;}
input[type=submit]:active{background:linear-gradient(top, #888 0%,
#bbb 100%);background:-moz-linear-gradient(top, #888 0%, #bbb
100%);background:-webkit-linear-gradient(top, #888 0%, #bbb 100%);}
</style>
</head>
<body>
<div id="wrap">
<div id="header"><%-- awal header --%>
</div>
<div id="con">
<h2>Login</h2>
<form action="login" method="post">
<p>
<label>Username</label>
<input type="text" class="form-control" id="email"
placeholder="Enter username" name="username">
</p>
<p>
<label>Password</label>
<input type="password" class="form-control" id="pwd"
placeholder="Enter password" name="password">
</p>
<p>
<label></label>
<button type="submit" class="btn btn-
default">Submit</button><br><br>
</p>
</form>
</div>
</div>
</body>
</html>
95
c. Halaman Admin
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>
<%-- Koneksi --%>
<sql:setDataSource var="dataSource"
driver="com.mysql.jdbc.Driver"
url="jdbc:mysql://localhost:3306/sia"
user="root" password=""/>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title>Sistem Informasi Akuntansi 1.0</title>
<link rel="stylesheet" type="text/css" href="config/style.css"
media="screen" />
<script type="text/javascript" src="config/setting.js"></script>
</head>
<body>
<%-- awal dari halaman web --%>
<div id="wrap">
<div id="header"><%-- awal header --%>
<img src="image/logo.jpg"><%-- gambar silahkan
massukkan logo BSI --%>
<h1><a>CV Gemilang Lestari
Jaya</a></h1><br>
<%-- mahasiswa wajib mengganti alamat kampus msg2 --%>
<h2>Villa Dago Tol Blok D2 No. 46 Sarua, Ciputat</h2>
<%-- mahasiswa wajib mengganti dengan nama masing2 --%>
<h2>Tangerang Selatan</h2>
</div><%-- akhir dari header --%>
<div id="menu"><%-- awal dari menu atas --%>
<ul>
<li><a href="index.jsp">Home</a></li>
<li><a
href="index.jsp?halaman=about">About</a></li><%-- buat halaman
about dengan biodata mahasiswa --%>
<li><a href="index.jsp?halaman=gallery">Gallery</a></li>
<li><a href="index.jsp?halaman=profile">Profile</a></li>
<li><a href="pengunjung.jsp">Logout</a></li>
</ul>
</div><%-- akhir dari menu atas --%>
<div id="content"><%-- awal dari isi content --%>
96
<div class="left"> <%-- awal dari content sebelah kiri web --
%>
<h2>Master Data</h2>
<ul>
<%-- modif href pasca atur aksi--%>
<%-- perubahan agar aksi simpan dapat bekerja --%>
<li><a
href="index.jsp?halaman=data_akun">Akun</a></li>
<li><a href="index.jsp?halaman=saldo_awal">Saldo
Awal</a></li>
<li><a href="index.jsp?halaman=user">User</a></li>
<li><a href="index.jsp?halaman=thn_periode">Periode
Akuntansi</a></li>
</ul>
<h2>Transaksi</h2>
<ul>
<li><a
href="index.jsp?halaman=kasmasuk&aksi=SIMPAN">Kas
Masuk</a></li>
<li><a
href="index.jsp?halaman=kaskeluar&aksi=SIMPAN">Kas
Keluar</a></li>
<li><a
href="index.jsp?halaman=jurnalUmum&aksi=SIMPAN">Jurnal
Umum</a></li>
</ul>
<h2>Informasi Data</h2>
<ul>
<li><a href="index.jsp?halaman=info_akun">Informasi
Akun</a></li>
<li><a href="index.jsp?halaman=info_user">Informasi
User</a></li>
<li><a
href="index.jsp?halaman=info_kaskeluar">Informasi Kas
Keluar</a></li>
<li><a
href="index.jsp?halaman=info_kasmasuk">Informasi Kas
Masuk</a></li>
<li><a href="index.jsp?halaman=info_jurnal">Data
Jurnal Umum</a></li>
</ul>
<h2>Laporan</h2>
<ul>
<li><a href="index.jsp?halaman=kas">Laporan Arus
Kas</a></li>
97
<li><a href="index.jsp?halaman=laba">Laporan Laba
Rugi</a></li>
<li><a href="index.jsp?halaman=modal">Laporan
Perubahan Modal</a></li>
<li><a
href="index.jsp?halaman=neraca">Neraca</a></li>
</ul>
</div> <%-- akhir dari content sebelah kiri web --%>
<div class="right"> <%-- awal dari content sebelah kanan web
--%>
<table width="100%">
<tr>
<td valign="top" width="110%">
<c:choose><%-- isi dari content sebelah kanan --%>
<c:when
test="${param.halaman=='data_akun'}">
<%@include file="tampil_akun.jsp" %>
</c:when>
<c:when test="${param.halaman=='akun'}">
<%@include file="akun.jsp" %>
</c:when>
<c:when
test="${param.halaman=='saldo_awal'}">
<%@include file="saldo_awal.jsp" %>
</c:when>
<c:when test="${param.halaman=='user'}">
<%@include file="tampil_users.jsp" %>
</c:when>
<c:when test="${param.halaman=='users'}">
<%@include file="users.jsp" %>
</c:when>
<c:when test="${param.halaman=='edit_akun'}">
<%@include file="edit_akun.jsp" %>
</c:when>
<c:when test="${param.halaman=='new-
periode'}">
<%@include file="add_periode.jsp" %>
</c:when>
<c:when
test="${param.halaman=='thn_periode'}">
<%@include file="tampil_periode.jsp" %>
</c:when>
<c:when test="${param.halaman=='edit-
periode'}">
<%@include file="edit_periode.jsp" %>
</c:when>
98
<c:when test="${param.halaman=='kasmasuk'}">
<%@include file="kas_masuk.jsp" %>
</c:when>
<c:when test="${param.halaman=='kaskeluar'}">
<%@include file="kas_keluar.jsp" %>
</c:when>
<c:when
test="${param.halaman=='jurnalUmum'}">
<%@include file="jurnal.jsp" %>
</c:when>
<c:when
test="${param.halaman=='info_akun'}">
<%@include file="informasi_akun.jsp" %>
</c:when>
<c:when
test="${param.halaman=='info_kaskeluar'}">
<%@include file="informasi_kasKeluar.jsp"
%>
</c:when>
<c:when
test="${param.halaman=='info_kasmasuk'}">
<%@include file="informasi_kasMasuk.jsp"
%>
</c:when>
<c:when test="${param.halaman=='info_user'}">
<%@include file="informasi_user.jsp" %>
</c:when>
<c:when
test="${param.halaman=='info_jurnal'}">
<%@include file="informasi_jurnal.jsp" %>
</c:when>
<c:when test="${param.halaman=='gallery'}">
<%@include file="gallery.jsp" %>
</c:when>
<c:when test="${param.halaman=='about'}">
<%@include file="about.jsp" %>
</c:when>
<c:when test="${param.halaman=='laba'}">
<%@include file="tampil_laba.jsp" %>
</c:when>
<c:when test="${param.halaman=='kas'}">
<%@include file="tampil_arus_kas.jsp" %>
</c:when>
<c:when test="${param.halaman=='neraca'}">
<%@include file="tampil_neraca.jsp" %>
</c:when>
<c:when test="${param.halaman=='modal'}">
99
<%@include
file="tampil_perubahan_modal.jsp" %>
</c:when>
<c:when test="${param.halaman=='profile'}">
<%@include file="profile.jsp" %>
</c:when>
<c:otherwise>
<%@include file="home.jsp" %>
</c:otherwise>
</c:choose>
</td>
</tr>
</table>
<div class="footer"> <%-- awal dari content footer web --
%>
Support by Program Ku,|| ©2018
Thanks to Layout menu utama menggunakan CSS
</div><%-- akhir dari content footer web --%>
</div><%-- akhir dari content sebelah kanan web --%>
<div style="clear: both;"> </div>
</div>
</div> <%-- akhir dari halaman web --%>
</body>
</html>
4.4. Testing
Pengujian sistem dibuat dengan menggunakan blackbox testing untuk
pengujian proses input dan output. Berikut hasil pengujiannya:
a. Login Admin
Tabel IV.29
Hasil Pengujian Blackbox Testing Login Admin
No Skenario
Pengujian
Test case Hasil Yang
Diharafkan
Hasil
Pengujian
Kesim
pulan
1 Mengosongkan
semua data
login, lalu
langsung
mengklik
tombol “submit”
Username:
(kosong)
Password:
(kosong)
Sistem akan
menolak akses
login dan
menampilkan
pesan
“username atau
password
salah”
Sesuai
Harapan
Valid
100
2 Mengisi data
login dengan
username dan
password yang
salah kemudian
tekan tombol
“submit”
Username:
(aaaaa)
Password:
(12345)
Sistem akan
menolak akses
login dan
menampilkan
pesan
“username atau
password
salah”
Sesuai
Harapan
Valid
3 Mengisi data
login dengan
username dan
password yang
benar, lalu
langsung
mengklik
tombol “submit”
Username:
(nur)
Password:
(xxxxx)
Sistem akan
menerima
akses login dan
menampilkan
halaman admin
Sesuai
Harapan
Valid
b. Login Akuntan
Tabel IV.30
Hasil Pengujian Blackbox Testing Login Akuntan
No Skenario
Pengujian
Test case Hasil Yang
Diharafkan
Hasil
Pengujian
Kesim
pulan
1 Mengosongkan
semua data
login pada login
petugas, lalu
langsung
mengklik
tombol “submit”
Username:
(kosong)
Password:
(kosong)
Sistem akan
menolak akses
login dan
menampilkan
pesan
“username atau
password
salah”
Sesuai
Harapan
Valid
2 Mengisi data
login dengan
username dan
password yang
salah kemudian
tekan tombol
“submit”
Username:
(111111)
Password:
(12345)
Sistem akan
menolak akses
login dan
menampilkan
pesan
“username atau
password
salah”
Sesuai
Harapan
Valid
3 Mengisi data
login dengan
Username: Sistem akan
menerima
Sesuai Valid
101
username dan
password yang
benar, lalu
langsung
mengklik
tombol “submit”
(firda)
Password:
(xxxxx)
akses login dan
menampilkan
halaman
akuntan
Harapan
c. Login Direktur
Tabel IV.31
Hasil Pengujian Blackbox Testing Login Direktur
No Skenario
Pengujian
Test case Hasil Yang
Diharafkan
Hasil
Pengujian
Kesim
pulan
1 Mengosongkan
semua data
login pada login
petugas, lalu
langsung
mengklik
tombol “submit”
Username:
(kosong)
Password:
(kosong)
Sistem akan
menolak akses
login dan
menampilkan
pesan
“username atau
password
salah”
Sesuai
Harapan
Valid
2 Mengisi data
login dengan
username dan
password yang
salah kemudian
tekan tombol
“submit”
Username:
(111111)
Password:
(12345)
Sistem akan
menolak akses
login dan
menampilkan
pesan
“username atau
password
salah”
Sesuai
Harapan
Valid
3 Mengisi data
login dengan
username dan
password yang
benar, lalu
langsung
mengklik
tombol “submit”
Username:
(arif)
Password:
(xxxxx)
Sistem akan
menerima
akses login dan
menampilkan
halaman
direktur
Sesuai
Harapan
Valid
102
4.5. Support
4.5.1. Spesifikasi Hardware Dan Software
Tabel IV.32
Spesifikasi Hardware dan Software
Kebutuhan Keterangan
Sistem Operasi Windows 8
Processor Intel Core i3-3110M CPU @ 2.40 GHz
RAM 4 GB
Harddisk 500 GB
DVD-ROM 52x
Monitor 14” LED LCD
Keyboard Standard
Printer HP Deskjet
Mouse Logitech
Software Netbeans, Xampp
4.6. Spesifikasi Dokumen Sistem Usulan
Merupakan semua bentuk dokumen yang terlihat dengan sistem usulan
yang akan dibahas.
1. Nama Dokumen : Laporan Arus Kas
Fungsi : Sebagai Laporan Mengenai Peredaran Kas Perusahaan
Sumber : Akuntan
Tujuan : Direktur
Frekuensi : Terjadi Pada Saat Akuntan Menginput Transaksi Kas
Media : Cetakan Kertas
Frekuensi : Setiap akhir tahun
Format : Lampiran B-1
2. Nama Dokumen : Laporan Laba Rugi
Fungsi : Sebagai Laporan Mengenai Laba/Rugi Perusahaan
Sumber : Akuntan
103
Tujuan : Direktur
Frekuensi : Terjadi Saat Akuntan Menginput Transaksi
Media : Cetakan Kertas
Frekuensi : Setiap akhir tahun
Format : Lampiran B-2
3. Nama Dokumen : Laporan Perubahan Modal
Fungsi : Sebagai Laporan Mengenai Perubahan Modal Perusahaan
Sumber : Akuntan
Tujuan : Direktur
Media : Kertas
Frekuensi : Setiap akhir tahun
Format : Lampiran B-3
4. Nama Dokumen : Laporan Neraca
Fungsi : Sebagai Laporan Mengeni Posisi Harta, Hutang dan
Modal Perusahaan
Sumber : Akuntan
Tujuan : Direktur
Media : Kertasv
Frekuensi : Setiap akhir tahun
Format : Lampiran B-4
Top Related