I. Perancangan Database
a. Aktifkan XAMPP, kemudian klik START pada APACHE dan MYSQL.
b. Setelah Apache dan MySQL aktif, buka browser, dan masuk ke halaman
localhost/phpmyadmin
c. Buat sebuah database baru dengan nama transaksi
e. Pada tabel transaksi isikan field sbb : kode transaksi, tanggal transaksi, jenis
transaksi, kode barang, nama barang, dan harga barang.
Kode transaksi dijadikan sebagai primary key.
Untuk menjadikan suatu field sebagai primary key, pada tab Action, klik gambar
Key(Kunci).
II. Perancangan Tampilan Program Visual (Netbeans)
a. Buka netbeans, dan buat sebuah project baru dengan nama jualbeli.
New project -> Java -> Java Application -> Next -> Masukkan Nama Project
(jualbeli) -> Hilangkan tanda centang pada Create Main Class -> Finish
b. Buat sebuah jFrame dengan cara; klik kanan pada project jualbeli, pilih new,
jFrame Form
Membuat jFrame
baru
c. jFrame diberi nama jualbeli, kemudian klik Finish.
Pallete
Untuk penggunaan group button :
- Tarik group button dari pallete ke halaman jFrame, kemudian lepaskan.
- Pada RadioButton1, klik kanan dan pilih properties.
- Pada halaman properties, klik pada bagian ButtonGroup, pilih ButtonGroup1,
kemudian klik close.
Klik
- Pada kotak dialog tersebut, klik jCalender yang sudah di-download
sebelumnya dan klik open.
Untuk koneksi dari database ke netbeans, tambahkan library mySQL JDBC Driver :
- Klik kanan pada project, pilih properties.
- Pada halaman pilih ADD LIBRARY.
- Pada halaman Add Library, pilih MySQL JDBC Driver, kemudian klik Add
Library.
- Setelah itu akan muncul library yang sudah ditambahkan pada project sbb:
- Klik OK.
Setelah semua komponen disusun sesuai kebutuhan, pada jFrame buka halaman Source.
III.Coding Program Transaksi Jual Beli
Source code (coding) untuk program sederhana transaksi jual-beli dirancang pada halaman
source ini.
Catatan :
- Pada String url jdbc sbb :
Masukkan nama database sesuai kebutuhan. Karena nama database di mySQL adalah
transaksi, maka di coding koneksi dimasukkan nama transaksi.
d. Buat sebuah kelas bersih yang digunakan untuk mengosongkan field. Kelas ini
dimasukkan setelah kelas koneksi.
e. Pada method jual beli, tambahkan koding untuk memanggil kelas koneksi dan bersih
yang sudah dibuat tadi.
f. Kembali ke halaman design jFrame. Klik kanan pada jDateChooser, pilih Events ->
PropertyChange -> PropertyChange
kode_trans = jTextField1.getText();
kode_barang = jTextField2.getText();
nama_barang = jTextField3.getText();
harga = jTextField4.getText();
} catch (Exception e) {
System.out.println("se");
}
}
}
Catatan untuk coding tombol Simpan:
- Deklarasikan variabel / field yang dibutuhkan. Jika pada jFrame variabel / field
diisikan melalui TextField, maka variabel / field tersebut dideklarasikan sebagai
String.
- Pada string sql, sesuaikan nama tabel dengan kebutuhan. Karena di database nama
tabel adalah transaksi, maka dituliskan transaksi pada coding tombol simpan. Jumlah
values (?) sesuaikan dengan jumlah field (data) yang ditampung.
- Pada coding untuk menyimpan data ke database, pastikan susunan nya sesuai dengan
urutan di database.
h. Pada halaman design jFrame, klik kanan tombol Hapus, Events -> Action ->
ActionPerformed. Tambahkan coding untuk menghapus data :
i. Pada halaman design jFrame, klik kanan tombol Keluar, Events -> Action ->
ActionPerformed. Tambahkan coding untuk keluar dari halaman transaksi :
j. Jalankan (Running) program. Jika database dan coding sudah benar, maka data yang
diisikan dari program akan langsung masuk ke database.
Catatan :
- Jika terjadi error “Koneksi Gagal”, periksa kembali nama database di
mySQL dan di coding netbeans. Pastikan nama database tsb benar-benar
sama.
- Jika terjadi error pada saat pengisian data dengan pesan “Data yang
dimasukkan sudah ada”, periksa kembali nama tabel yang dimasukkan pada
coding, dan periksa kembali database di mySQL karena error ini bisa terjadi
jika terdapat nama database yang sama (double database).
- Jika terjadi pesan error pada coding, periksa kembali coding tersebut. Huruf
besar dan kecil berpengaruh pada bahasa pemrograman java (case sensitive).