BAB IV IMPLEMENTASI SISTEM
4.3 Implementasi Subsistem Dialog
4.3.1 Interface kepala akuntan
4.2 Koneksi ke MySQL
Dalam pembuatan sistem informasi ini, langkah pertama yang harus
dilakukan adalah menghubungkan database dengan sistem. Berikut adalah
koneksi database yang digunakan dalam Mysql : Connection myCon =
DriverManager.getConnection("jdbc:mysql://localhost/akuntansi" ,"root", "root");
4.3 Implementasi Subsistem Dialog
Setelah proses database telah dibuat dan koneksi telah berhasil, langkah selanjutnya adalah membuat interface.
4.3.1 Interface kepala akuntan
Pengunjung yang dimaksud adalah user yang mengakses web namun
bukan sebagai administrator. User ini tidak dapat melakukan perubahan apapun
81
4.3.1.1 Halaman Login
Gambar 4.50 Halaman Login
Halaman login adalah halaman yang muncul pertama kali apabila sistem
diakses. Dalam halaman ini pengguna harus memasukkan username dan password
terlebih dahulu untuk bisa masuk kedalam sistem.
Berikut ini adalah query program tersebut :
SELECT * FROM user
4.3.1.2 Halaman Utama Kepala Akuntan
Gambar 4.51 Halaman Utama Kepala Akuntan
Halaman ini merupakan halaman utama kepala akuntan yang akan
ditampilkan pertama kali setelah login yang dilakukan berhasil. Pada halaman ini
terdapat beberapa 9 menu yang dapat digunakan oleh kepala akuntan untuk
mengelola data. Menu tersebut ada di setiap halaman pada sistem yang digunakan
oleh kepala akuntan. Menu home digunakan untuk menampilkan halaman utama,
menu master akun untuk menampilkan informasi daftar akun dan detailnya, menu
daftar voucher untuk menampilkan informasi jurnal voucher yang sudah diposting
ataupun yang belum diposting, menu jurnal umum untuk menampilkan informasi
jurnal umum, menu buku besar untuk menampilkan informasi buku besar, menu
neraca saldo untuk menampilkan informasi neraca saldo, menu buat user untuk
menampilkan informasi daftar user yang ada, menu laporan keuangan untuk
menampilkan informasi laporan keuangan, menu logout digunakan untuk keluar
dari sistem.
83
Gambar 4.52 Halaman Master Akun
Gambar di atas merupakan halaman yang menampilkan informasi daftar
nama akun. Pada halaman ini terdapat beberapa tombol yang bisa digunakan
kepala akuntan. Tombol tambah akun digunakan untuk menuju halaman tambah
akun. Tombol ubah digunakan untuk menuju halaman ubah akun. Tombol hapus
digunakan untuk menghapus data yang diinginkan. Kemudian terdapat 3 sub
menu di bagian atas tabel akun, yaitu jenis akun, kelompok akun, kategori akun
yang digunakan untuk melihat detail akun.
Berikut ini adalah query program tersebut :
select akun.id_akun,akun.nama_akun,jenis_akun.nama_jenis_akun from akun join jenis_akun on jenis_akun.id_jenis_akun = akun.id_jenis_akun
4.3.1.4 Halaman Tambah Akun
Gambar 4.53 Halaman Tambah Akun
Gambar di atas adalah halaman untuk melakukan penambahan data akun.
Pertama-tama, pengguna harus memilih nama jenis akun yang terdapat pada list
yang tersedia. Kolom nama jenis akun dan id jenis akun akan terisi otomatis
setelah pengguna memilih nama jenis akun pada list dan pengguna melanjutkan
dengan mengisi kolom id akun dan nama akun. Setelah pengisian data telah
selesai dilakukan, pengguna dapat memilih tombol tambah untuk menyimpan data
yang telah diisi atau tombol kembali untuk menuju halaman sebelumnya ataupun
tombol batal untuk menghapus data yang diisi pada kolom.
Berikut ini adalah query program tersebut :
insert into akun(id_akun,nama_akun,id_jenis_akun) values (concat (in_id_jen_akun , akun_masuk) ,in_nama_akun)
85
4.3.1.5 Halaman Ubah Akun
Gambar 4.54 Halaman Ubah Akun
Gambar di atas adalah halaman untuk melakukan pengubahan data akun.
Halaman ini menampilkan data yang telah dipilih untuk diubah. Pengguna hanya
bisa mengubah data pada kolom nama akun saja, sedangkan kolom yang lainnya
tidak bisa diubah. Setelah pengubahan data telah selesai dilakukan, pengguna
dapat memilih tombol ubah untuk menyimpan data yang telah diubah atau tombol
kembali untuk menuju halaman sebelumnya.
Berikut ini adalah query program tersebut :
update akun set nama_akun = in_nama_akun where id_akun = in_id_akun
4.3.1.6 Halaman Hapus Akun
Gambar 4.55 Halaman Ubah Akun
DELETE FROM akun WHERE id_akun='"+id_akun+"'"
4.3.1.7 Halaman Jenis Akun
87
Gambar di atas merupakan halaman yang menampilkan informasi daftar
jenis akun. Pada halaman ini terdapat beberapa tombol yang bisa digunakan
kepala akuntan. Tombol tambah jenis akun digunakan untuk menuju halaman
tambah jenis akun. Tombol ubah digunakan untuk menuju halaman ubah jenis
akun. Tombol hapus digunakan untuk menghapus data yang diinginkan.
Berikut ini adalah query program tersebut :
Select jenis_akun.id_jenis_akun,jenis_akun.nama_jenis_akun,
kelompok_akun.nama_kelompok_akun from jenis_akun join kelompok_akun on kelompok_akun.id_kelompok_akun = jenis_akun.id_kelompok_akun
4.3.1.8 Halaman Tambah Jenis Akun
Gambar 4.57 Halaman Tambah Jenis Akun
Gambar di atas adalah halaman untuk melakukan penambahan data jenis
akun. Pertama-tama, pengguna harus memilih nama kelompok akun yang terdapat
pada list yang tersedia. Kolom nama kelompok akun dan id kelompok akun akan
terisi otomatis setelah pengguna memilih nama kelompok akun pada list dan
pengguna melanjutkan dengan mengisi kolom id jenis akun dan nama jenis akun.
Setelah pengisian data telah selesai dilakukan, pengguna dapat memilih tombol
tambah untuk menyimpan data yang telah diisi atau tombol kembali untuk menuju
halaman sebelumnya ataupun tombol batal untuk menghapus data yang diisi pada
kolom.
Berikut ini adalah query program tersebut :
insert into jenis_akun (id_jenis_akun,nama_jenis_akun,id_kelompok_akun) values (concat(in_id_kel_akun,akun_masuk),in_nama_jenis_akun);
4.3.1.9 Halaman Ubah Jenis Akun
Gambar 4.58 Halaman Ubah Jenis Akun
Gambar di atas adalah halaman untuk melakukan pengubahan data jenis
89
hanya bisa mengubah data pada kolom nama jenis akun saja, sedangkan kolom
yang lainnya tidak bisa diubah. Setelah pengubahan data telah selesai dilakukan,
pengguna dapat memilih tombol ubah untuk menyimpan data yang telah diubah
atau tombol kembali untuk menuju halaman sebelumnya.
Berikut ini adalah query program tersebut :
update jenis_akun set nama_jenis_akun = in_nama_jenis_akun where id_jenis_akun = in_id_jenis_akun;
4.3.1.10Halaman Hapus Jenis Akun
Gambar 4.59 Halaman Hapus Jenis Akun
DELETE FROM jenis_akun WHERE id_jenis_akun='"+id_jenis_akun+"'"
4.3.1.11Halaman Kelompok Akun
Gambar 4.60 Halaman Kelompok Akun
Gambar di atas merupakan halaman yang menampilkan informasi daftar
kelompok akun. Pada halaman ini terdapat beberapa tombol yang bisa digunakan
kepala akuntan. Tombol tambah kelompok akun digunakan untuk menuju
halaman tambah kelompok akun. Tombol ubah digunakan untuk menuju halaman
ubah kelompok akun. Tombol hapus digunakan untuk menghapus data yang
diinginkan.
Berikut ini adalah query program tersebut :
select
kelompok_akun.id_kelompok_akun,kelompok_akun.nama_kelompok_akun, kategori_akun.nama_kategori_akun from kelompok_akun join kategori_akun on kategori_akun.id_kategori_akun = kelompok_akun.id_kategori_akun
91
4.3.1.12Halaman Tambah Kelompok Akun
Gambar 4.61 Halaman Tambah Kelompok Akun
Gambar di atas adalah halaman untuk melakukan penambahan data
kelompok akun. Pertama-tama, pengguna harus memilih nama kategori akun yang
terdapat pada list yang tersedia. Kolom nama kategori akun dan id kategori akun
akan terisi otomatis setelah pengguna memilih nama kategori akun pada list dan
pengguna melanjutkan dengan mengisi kolom id kelompok akun dan nama
kelompok akun. Setelah pengisian data telah selesai dilakukan, pengguna dapat
memilih tombol tambah untuk menyimpan data yang telah diisi atau tombol
kembali untuk menuju halaman sebelumnya ataupun tombol batal untuk
menghapus data yang diisi pada kolom.
Berikut ini adalah query program tersebut :
insert into kelompok_akun
(id_kelompok_akun,nama_kelompok_akun,id_kategori_akun) values (concat(in_id_kat_akun,akun_masuk),in_nama_kelompok_akun);
4.3.1.13Halaman Ubah Kelompok Akun
Gambar 4.62 Halaman Ubah Kelompok Akun
Gambar di atas adalah halaman untuk melakukan pengubahan data
kelompok akun. Halaman ini menampilkan data yang telah dipilih untuk diubah.
Pengguna hanya bisa mengubah data pada kolom nama kelompok akun saja,
sedangkan kolom yang lainnya tidak bisa diubah. Setelah pengubahan data telah
selesai dilakukan, pengguna dapat memilih tombol ubah untuk menyimpan data
yang telah diubah atau tombol kembali untuk menuju halaman sebelumnya.
Berikut ini adalah query program tersebut :
update kelompok_akun set nama_kelompok_akun = nama_kel_akun where id_kelompok_akun= id_kel_akun;
93
Gambar 4.63 Halaman Hapus Kelompok Akun
DELETE FROM kelompok_akun WHERE id_kelompok_akun = '"+id_kelompok_akun+"'"
4.3.1.15Halaman Kategori Akun
Gambar 4.64 Halaman Kategori Akun
Gambar di atas merupakan halaman yang menampilkan informasi daftar
kategori akun. Pada halaman ini terdapat beberapa tombol yang bisa digunakan
kepala akuntan. Tombol tambah kategori akun digunakan untuk menuju halaman
tambah kategori akun. Tombol ubah digunakan untuk menuju halaman ubah
kelompok akun. Tombol hapus digunakan untuk menghapus data yang
diinginkan.
Berikut ini adalah query program tersebut :
select * from kategori_akun
4.3.1.16Halaman Tambah Kategori Akun
95
Gambar di atas adalah halaman untuk melakukan penambahan data
kategori akun. Pengguna harus mengisi kolom id kategori akun dan nama kategori
akun. Setelah pengisian data telah selesai dilakukan, pengguna dapat memilih
tombol tambah untuk menyimpan data yang telah diisi atau tombol kembali untuk
menuju halaman sebelumnya ataupun tombol batal untuk menghapus data yang
diisi pada kolom.
Berikut ini adalah query program tersebut :
insert into kategori_akun(id_kategori_akun,nama_kategori_akun) values(in_id_kat_akun,in_nama_kat_akun);
4.3.1.17Halaman Ubah Kategori Akun
Gambar 4.66 Halaman Ubah Kategori Akun
Gambar di atas adalah halaman untuk melakukan pengubahan data
kategori akun. Halaman ini menampilkan data yang telah dipilih untuk diubah.
Pengguna hanya bisa mengubah data pada kolom nama kategori akun saja,
sedangkan kolom yang lainnya tidak bisa diubah. Setelah pengubahan data telah
selesai dilakukan, pengunjung dapat memilih tombol ubah untuk menyimpan data
yang telah diubah atau tombol kembali untuk menuju halaman sebelumnya.
Berikut ini adalah query program tersebut :
update kategori_akun set nama_kategori_akun = in_nama where id_kategori_akun = in_id;
4.3.1.18Halaman Hapus Kategori Akun
97
DELETE FROM kategori_akun WHERE id_kategori_akun =
'"+id_kategori_akun+"'"
4.3.1.19Halaman Buat User
Gambar 4.68 Halaman Buat User
Gambar di atas merupakan halaman yang menampilkan informasi daftar
user. Halaman ini menampilkan data user yang berisi id user, nama user, password
dan level atau jabatan dari user tersebut. Selain itu pada halaman ini terdapat
beberapa tombol yang bisa digunakan kepala akuntan. Tombol tambah user
digunakan untuk menuju halaman tambah user. Tombol ubah digunakan untuk
menuju halaman ubah user. Tombol hapus digunakan untuk menghapus data yang
diinginkan.
Berikut ini adalah potongan listing program tersebut :
select * from user
4.3.1.20Halaman Tambah User
Gambar 4.69 Halaman Tambah User
Gambar di atas adalah halaman untuk melakukan penambahan data user.
Pengguna harus memasukkan data pada kolom yang tersedia dengan lengkap,
tidak boleh ada kolom yang kosong. Untuk kolom level, pengguna harus memilih
pada list, untuk kolom password dan re-type password isinya harus sama. Setelah
pengisian data telah selesai dilakukan, pengguna dapat memilih tombol tambah
untuk menyimpan data yang telah diisi atau tombol kembali untuk menuju
halaman sebelumnya ataupun tombol batal untuk menghapus data yang diisi pada
kolom.
Berikut ini adalah query program tersebut :
INSERT INTO user (id, nama, pass, level) VALUES ('"+id+"',
99
4.3.1.21Halaman Ubah User
Gambar 4.70 Halaman Ubah User
Gambar di atas adalah halaman untuk melakukan pengubahan data user.
Halaman ini menampilkan data user yang telah dipilih untuk diubah. Pengguna
tidak bisa mengubah data pada kolom id dan kolom level, sedangkan kolom nama
bisa diubah. Untuk kolom password dan re-type password harus diisi kembali.
Setelah pengubahan data telah selesai dilakukan, pengguna dapat memilih tombol
ubah untuk menyimpan data yang telah diubah atau tombol kembali untuk menuju
halaman sebelumnya.
Berikut ini adalah query program tersebut :
UPDATE user SET nama='"+nama+"', pass='"+pass+"', level='"+level+"' WHERE id='"+id+"'");
4.3.1.22Halaman Hapus User
Gambar 4.71 Halaman Hapus User
DELETE FROM user WHERE id='"+id+"'"