Kembali lagi ditutorialnya PresidenKoding Pada kesempatan kali ini, PresidenKoding akan membuatkan cara lengkap CRUDS (Create, Read, Update, Delete, Search), Transaksi, dan juga Laporan.
Baik, kita menamai aplikasi ini POS (Point of Sales), yaitu aplikasi yang digunakan untuk penjualan barang.
Pada pembuatan aplikasi ini kita membutuhkan :
- Netbeans 8.1
- Xampp
dan pada tahap persiapan kita membutuhkan :
- iReport
- JasperSoft
- JCalender
Mari kita mulai Pembuatannya :
Membuat Database
Seperti pembuatan database pada tutorial sebelumnya, Buka Xampp anda, lalu centang bagian Apache dan Mysql, dan untuk mengaksesnya kita buka localhost/phpmyadmin
lalu kita buat database dengan nama
db_aplikasipos
dengan 6 tabel, yaitu :
- tb_pengguna -> berguna untuk akses form login
- tb_barang -> untuk mendata semua barang
- tb_pasok -> untuk mendata data pasok barang yang masuk ke toko
- tb_pemasok -> untuk mendata pemasok
- tb_transaksi -> tabel untuk menyimpan semua data transaksi
- tb_laporan -> membuat semua laporan
dengan 2 trigger
Berikut field field yang ada dalam tabel
Pembuatan dan Setting awal Aplikasi
Setelah pembuatan database selesai, dan pastinya serupa dengan di atas, lalu mari kita lanjutkan pembuatan aplikasi, diawali dengan membuka netbeans.
Bismillah dulu ya...
- Buat project baru dengan cara klik menu File diujung kiri lalu klik new project . [ File => New Project ] , lalu beri nama 'Aplikasi_POS'
- Pada area Navbar, klik [ Tool => Plugin => Downloaded => Add Plugins... => lalu pilih semua file iReport yang sudah anda download tadi => Klik Open ]
- Masih pada area Navbar, klik [ Tool => Palette => Swing/AWT Components => Add from JAR... => lalu pilih semua file jCalendar yang sudah anda download tadi => Next => Swing Controls => Finish ]
- Klik kanan pada Libraries => Add JAR/Folder => masuk ke file Jaspersoft yang sudah anda download tadi, lalu tekan tombol CTRL+A >> klik OK
- Klik kanan pada Libraries >> Add Library... >> pilih MySQL JDBC Driver >> klik OK
Setelah setting aplikasi selesai lalu kita lanjutkan ketahap koneksi dengan database
Membuat Koneksi
- Klik kanan [ Source Packages => New => Java Package... => beri nama “koneksi” ]
- Klik kanan pada [ Package koneksi => New => Java Class... => beri nama “config” ]
- Pada config.java, masukkan sintak berikut :
LOGIN
- Klik kanan [ Source Packages => New => Java Package... => beri nama “login” ]
- Klik kanan pada [ Package koneksi => New => JFrame Form... => beri nama “FormLogin” ]
- Pada FormLogin.java, buatlah desain seperti ini
- Lalu masukan source code seperti dibawah ini :
- Klik jButton1 Login 2x dan masukkan sintak berikut :
FORM PENGGUNA
- Klik kanan Source Packages >> New >> Java Package... >> beri nama “dashboard”
- Klik kanan pada Package koneksi >> New >> JFrame Form... >> beri nama “FormPengguna”
- Pada FormPengguna.java, buatlah desain seperti ini :
- Tambahkan palette Button Group >> Tekan Shift+Klik Kiri jRadioButton1 dan jRadioButton2 >> klik kanan >> Properties >> ubah value butttonGroup menjadi buttonGroup1
- Lalu, masukkan sintak dengan penempatan dibawah ini :
- Klik jButton1 Simpan 2x dan masukkan sintak berikut :
- Klik jButton2 Update 2x dan masukkan sintak berikut :
- Klik jButton3 Hapus 2x dan masukkan sintak berikut :
- Klik jButton4 Reset 2x dan masukkan sintak berikut :
- Klik kanan jTable1 >> Events >> Mouse > mouseClicked dan masukkan sintak berikut :
- Klik kanan jTextField6 >> Events >> Key > keyReleased dan masukkan sintak berikut :
NOTED : Buat 6 Form lainnya menyesuaikan dengan form diatas dan tetap berada pada package dashboard
DASHBOARD
Manager
FORM
Form Pemasok
Form Pasok
Form Barang
Form Laporan Pasok
Transaksi
Buat Form Seperti dibawah ini :
Berikut langkah Kodingannya :
- Masukan sintak sesuai dengan penempatan dibawah ini :
- Klik jButton1 Simpan 2x dan masukkan sintak berikut :
- Klik jButton2 Hapus 2x dan masukkan sintak berikut :
- Klik jButton3 Reset2x dan masukkan sintak berikut :
- Klik jButton4 SelesaiBelanja2x dan masukkan sintak berikut :
- Klik jButton4 Bayar2x dan masukkan sintak berikut :
- Klik kanan jTextField5 >> Events >> Key > keyReleased dan masukkan sintak berikut :
- Klik kanan jTextField8 >> Events >> Key > keyReleased dan masukkan sintak berikut :
- Klik kanan jTable1 >> Events >> Mouse > mouseClicked dan masukkan sintak berikut :
Faktur Transaksi
- Klik kanan Source Packages >> New >> Java Package... >> beri nama “laporan”
- Klik kanan pada Package laporan >> New >> Report Wizard... >> pilih layout Blank A4 >> beri nama “FakturTransaksi.jrxml” >> klik New >> pilih Database JDBC connection, lalu atur seperti dibawah ini :
- Lalu klik Test, tunggu hasilnya sampai selesai
- Pada tab XML, sesuaikan kodenya dengan sintak berikut :
- Buat Desain Faktur seperti ini:
CATATAN : Perhatikan pada gambar diatas (terdapat 4 persegi kecil di setiap titik sudut), lalu klik kanan pada salah satu persegi kecil tersebut >> Properties >> pada kolom Page Size, atur Page Width menjadi 400 dan Page Height menjadi 450.
Tambahan : $V pada kolom NO = $V{REPORT_COUNT} dan $F pada kolom JUMLAH = $F{jumlah}
Tambahan : $V pada kolom NO = $V{REPORT_COUNT} dan $F pada kolom JUMLAH = $F{jumlah}
Demikian lah Tutorial Aplikasi POS Sederhana menggunakan Netbeans dan Mysql Database, tunggu kami ditutorial berikutnya.
Terimakasih ...
Tidak ada komentar:
Posting Komentar