18 April 2014 [BAHASA PEMROGRAMAN II]

MATERI 7 – DESAIN INTERFACE FORM

KATEGORI DAN USER
BAHASA PEMROGRAMAN II
STEVI EMA WIJAYANTI
 18 April 2014 [BAHASA PEMROGRAMAN II]

DESAIN INTERFACE (JFRAME FORM)

DESAIN
DEFINISI INTERFACE
PROGRAM FORM KATEGORI BARANG

Tambahkan package baru di dalam project aplikasi penjualan yang telah dibuat, berikan nama
images.

Package tersebut akan menampung file icon atau gambar

yang dibutuhkan dalam pembuatan aplikasi penjualan.

Copy-kan seluruh icon yang telah di download ke dalam

package tersebut.

Buat package baru, berikan nama view (jika sudah ada tidak perlu membuat lagi)

Buat JFrameForm baru di dalam package view, kemudian berikan nama class FrmKategori.

Diberikan desain interface form kategori seperti gambar berikut ini :

1 2
3 4
5

7
6
9

8 10

11 12 13 14 15 16

STEVI EMA WIJAYANTI Page 2

 18 April 2014 [BAHASA PEMROGRAMAN II]

Atur properties pada masing-masing komponen yang digunakan

No Nama Komponen Properties Values
1 jLabel1 icon Cari icon folder.png pada package image
2 jLabel2 text DATA KATEGORI BARANG
3 jPanel1 Background Ubah menjadi warna biru tua (sesuai keinginan)
4 jPanel2 Background Ubah menjadi warna biru muda (sesuai keinginan)
5 jLabel3 Text Kode
Foreground Ubah menjadi warna putih (sesuai keinginan)
6 jLabel4 Text Kategori Barang
Foreground Ubah menjadi warna putih (sesuai keinginan)
7 jTextField1 Variable name txtKode
8 jTextField2 Variable name txtKategori
9 jTable1 Variable name tblKategori
10 jLabel5 Variable name lblStatus
11 jButton1 Variable name btnAdd
Text Add
Icon Cari icon add.png pada package images
12 jButton2 Variable name btnUpdate
Text Update
Icon Cari icon edit.png pada package images
13 jButton3 Variable name btnSave
Text Save
Icon Cari icon save.png pada package images
14 jButton4 Variable name btnDelete
Text Delete
Icon Cari icon delete.png pada package images
15 jButton5 Variable name btnCancel
Text Cancel
Icon Cari icon cancel.png pada package images
16 jButton6 Variable name btnExit
Text Exit
Icon Cari icon keluar.png pada package images

SOURCE CODE FORM KATEGORI BARANG

Tambahkan variable seperti berikut ini :

import javax.swing.table.DefaultTableModel;
import dao.dao.DAOKategori;

import dao.entitas.Kategori;

STEVI EMA WIJAYANTI Page 3

 18 April 2014 [BAHASA PEMROGRAMAN II]

Tambahkan method baru untuk mengatur Button dan Teks

Tambahkan method baru untuk me-refresh isi tabel Kategori

Tambahkan source code berikut ini pada Constructor FrmKategori()

STEVI EMA WIJAYANTI Page 4

 18 April 2014 [BAHASA PEMROGRAMAN II]

Tambahkan source code untuk btnExit()

Tambahkan source code untuk btnAdd()

Tambahkan source code untuk btnUpdate()

STEVI EMA WIJAYANTI Page 5

 18 April 2014 [BAHASA PEMROGRAMAN II]

Tambahkan source code untuk btnCancel()

Tambahkan source code untuk btnDelete()

Tambahkan source code untuk btnSave()

STEVI EMA WIJAYANTI Page 6

 18 April 2014 [BAHASA PEMROGRAMAN II]

Lanjutkan dengan membuat desain interface untuk Form Pengguna..!

Desain interface form tidak harus sama seperti contoh, boleh menggunakan desain sendiri.

Note :
Untuk jabatan, gunakan ComboBox dan ubah property Item menjadi
Administrator
Manajer
Kasir

Untuk password, gunakan PasswordField

STEVI EMA WIJAYANTI Page 7