Anda di halaman 1dari 4

II.

Desain Tampilan Utama Aplikasi (GUI)


1. Pada lembar kerja anda ada berbagai ikon untuk mendesain tampilan sesuai dengan yang anda
inginkan, seperti textfield,button,radio button dan lain lain

2. Kita akan membuat tampilan akhir seperti ini , menarik bukan??




Tools untuk
menggambar.
desain
3. Sekarang kita akan membuat desain dengan rincian sebagai berikut :












1
2
3
4
5
6
7
8 9
12
11
10
14
13
15
16
17
18
19
Number Swing Tool Variable name Text
1 Label terserah Caf Prediss
2 Label terserah -
3 Button baru Transaksi Baru
4 Button menu1 s/d menu6 Menu1 Menu6
5 Button tambah Tambahkan
6 Button proses_transaksi Proses Transaksi
7 Button hitung Hitung
8 Button update Update
9 Button delete Delete
10 TextField nama -
11 TextField harga -
12 TextField jumlah 1
13 TextField id -
14 TextField total_harga -
15 TextField bayar 0
16 TextField kembali -
17 TextField info -
18 MenuBar menubar -
19 Table table -

Pada pallete Swing Controls ->
Klik salah satu ikon yang akan anda pakai, lalu klik di frame yg telah dibuat untuk menggambar ( atau
drag and drop untuk menggambar) Contoh :
1. Label (Properties, field Text = Caf Prediss)
2. Label , untuk membuat gambar lihat pada Properties cari icon dan browse gambar yg akan
dimasukkan , jangan lupa centang pilihan image within project .

3. Button, klik kanan untuk merubah nama variabel pilih change variable name
(variable name = baru).

4. Button Menu1 (variable name=menu1), begitu seterusnya sampai Menu6(variable name=menu6)
14,16,17. Textfield, uncheck editable pada properties agar text tidak dapat diedit.

19. Table, untuk menambah kolom atau baris klik kanan pada table table contents plih tab column
untuk menambah kolom, tab row untuk menambah baris


Silahkan rapikan posisi nya sesuai keinginan anda ^_- . Lanjut ke part III