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