MODUL

MEMBUAT APLIKASI PENJUALAN SEDEREHANA

APLIKASI BACCARY SHOP

Java Menggunakan NetBeans 8.2

Oleh:
Zahra Zaskia Azizah
XII RPL (Rekayasa Perangkat Lunak)
 Membuat Form login dalam NetBeans 8.2

1. Untuk membuat java form di NeatBeans, adalah sebagai berikut:

• Pilih File=>New Project.
• Pada Jendela Projects Pilih Java Application.
• Kemudian klik Next.

New Project
2. Selanjutnya akan ditampilkan jendela New Java Aplication

Jendela New Java Aplication

3. Pada jendela New Java Aplication,lakukan perubahan :

• Project Name : Nama Project.

• Lakukan Perubahan Pada Name and Location (optional).
• Project name : penjualan.
• Create Main Class : Otomatis Mengikuti Nama Projrct Name.

4. Klik finish, selanjutnya akan ditampilkan jendela.

5. Kemudian klik kanan pada project yang kita buat.
6. Setelah itu akan muncul tampilan seperti :
• Klik kanan pada Source Packages.
• Arahkan kursor pada New.
• Kemudian kllik JFremFrom.
 Jendela membuat JFrem From

7. Setelah di klik maka akan muncul jendela.

8. Ubah Class Name : login
 Jendela nama Class dan Letak

9. Selanjutnya akan muncul jendela class yang di buat.

Jendela pembuatan Class Panel

 • Tambahkan komponen yang kalian butuhkan.
Contoh : Panel, JLabel, Text Field, Button, Pasword Field.
• Ubah nama JLabel : Baccary Shopp, Username, Password
• Ubah nama Button : LOGIN, EXIT

Jendela pembuatan Class Panel

10. Selanjutnya merubah variabel dengan cara klik kanan pada pallete yang di pilih => pilih
Change Variable Name => ubah => ok.
• Klik kanan pada Text Filed menjadi un
• Klik kanan pada Password Field menjadi pw
• Klik kanan pada Button Login ubah menjadi login.
• Klik kanan pada Button Exit ubah menjadi exit.
11. Selanjutnya beri warna pada Panel, Text Filed dan Button :
• Klik kanan pada Panel, Text Filed, Button, dan Password Field.
• Pilih Propertis, lalu klik titik tiga yang sejajar dengan Background.
• Pilih warna sesuai yang kalian inginkan.

12. Selanjutnya beri gambar pada JLabel (atas Bacary Shop App) :
• Cari gambar yang sesuai dengan yang kamu mau (desain sendiri, internet, sosmed
dan lain-lain).
• Klik kanan pada JLabel, kemudian pilih Propertis.
• Pilih titik tiga yang sejajar dengan icon.
• Klik Import to Project, dan cari gambar atau foto yang kalian mau di folder kalian.
 13. Selanjutnya menambahkan coding :
• Klik kanan pada Login, Exit.
• Pilih Events => Action => actionPerformed.
• Kemudian akan masuk ke halaman source.
• Kemudian tambahkan coding.

Coding pada Button Login :

Coding pada Button Exit :

Setelah selesai lalu Run File project kalian lalu akan muncul output seperti :
 Membuat Form Data Penjualan dalam NetBeans 8.2

1. Buat ulang JFrame From.

2. Beri dengan nama datapenjualan.
3. Tambahkan komponen yang kalian butuhkan.
Contoh : Button, Table.
4. Ubah nama Title1 dan Title2 menjadi : Nama Roti dan Harga.
• Klik kanan pada Table
• Kemudian klik Table Contents
• Pilih colums, klik Title1 dan Title2 kemudian ganti nama.
• Klik close.
5. Ubah nama Button menjadi : Keluar dan Next.

Jendela pembuatan Class Panel

6. Selanjutnya beri warna pada Table dan Button:
• Klik kanan pada Table dan Button.
• Pilih Propertis, lalu klik titik tiga yang sejajar dengan Background.
• Pilih warna sesuai yang kalian inginkan.

7. Selanjutnya masukan Nama Roti dan Harga:

• Klik kanan pada Table.
• Pilih Table Contentes.
• Pilih rows, lalu klik dua kali pada baris table isi dengan keinginan kalian.
• Jika sudah terisi klik Close.
8. Selanjutnya menambahkan coding :
• Klik kanan pada Button Keluar dan Next.
• Pilih Events => Action => actionPerformed.
• Lalu akan masuk ke halaman source.
• Lalu tambahkan coding.

Coding pada Button Keluar :

Coding pada Button Next :

]Setelah selesai lalu Run File project kalian lalu akan muncul output seperti :
 Membuat Form Transaksi dalam NetBeans 8.2

1. Buat ulang JFrame From.

2. Beri dengan nama datapenjualan.
3. Tambahkan komponen yang kalian butuhkan.
Contoh : JLabel, Text Field, Table, Button, Combo Box, Panel.
4. Ubah nama JLabel menjadi : Pembelian, Nama Barang, Jumlah Barang, Harga Barang, Uang
Masuk, Uang Kembalian, Jumlah Bayar.
5. Ubah nama Button menjadi : Total, Kembalian, Simpan, Keluar, Hapus, Edit, Tambah.

Jendela pembuatan Class Panel

6. Selanjutnya, ubah Item 1 :
• Klik kanan pada Combo Box, pilih Propertis
• Klik titik tiga yang sejajar dengan model
• Ubah Item 1, Item 2, dan seterusnya sesuai keinginan kalian.
• Klik ok => close.
 Jendela Combo Box

7. Selanjutnya merubah variabel dengan cara klik kanan pada pallete yang di pilih => pilih
Change Variable Name => ubah => ok.

• Klik kanan pada komponen Combo Box ubah menjadi nama

• Klik kanan pada komponen Text Field ubah menjadi : (1)txtjumlah, (2)txtharga,
(3)txtmasuk, (4)txtkembalian, (5)txtbayar.
• Klik kanan pada Total ubah menjadi btotal.
• Klik kanan pada Kembalian ubah menjadi bkembalian.
• Klik kanan pada Total ubah menjadi btotal.
• Klik kanan pada Simpan ubah menjadi bsimpan.
• Klik kanan pada Hapus ubah menjadi bhapus.
• Klik kanan pada Keluar ubah menjadi bkeluar.
• Klik kanan pada Edit ubah menjadi bedit.
• Klik kanan pada Tambah ubah menjadi btambah.
• Klik kanan pada Komponen Table ubah menjadi tabel.
8. Selanjutnya beri warna pada JLabel, Text Field, Button, Panel :

• Klik kanan pada JLabel, Text Field, Button, Panel

• Pilih Propertis, lalu klik titik tiga yang sejajar dengan Background.
• Pilih warna sesuai yang kalian inginkan.
 9. Selanjutnya menambahkan coding :
1. Klik kanan pada TOTAL, KEMBALIAN, SIMPAN, KELUAR, HAPUS, EDIT, TAMBAH,
Table.
2. Pilih Events => Action => actionPerformed.
3. Kemudian akan masuk ke halaman source.
4. Kemudian tambahkan coding.

Coding pada Table :

Coding pada Total :

Coding pada Kembalian :

Coding pada Keluar :

Coding pada Simpan :

Coding pada Hapus :

Coding pada Edit :

Coding pada Tambah :

10. Tambah coding pada bagian paling atas (sebelum mengcoding komponen).
Setelah selesai lalu Run Fileproject kalian lalu akan muncul output seperti :