Membuat Aplikasi Cafe Order Sederhana Netbeans Project #1 Design Aplikasi

Sebelum kita memulai latihan untuk membuat Aplikasi Cafe Order, ada baiknya teman - teman membaca artikel Membuat BackGround pada Netbeans (Java) yang bisa teman - teman Akses pada link di bawah ini.

_________________________________________________________________________

Membuat BackGround pada Netbeans (Java)

_________________________________________________________________________

Anda bisa menonton Video latihan kita kali ini pada video di bawah ini.

_______________________________________________________________________

Mulai Coding

---Design Aplikasi Netbeans Cafe Order---

1. Buka Netbeans teman - teman dan buat project baru dengan nama CafeOrder
   
   
   
   
   
   
2. Masuk ke dalam project dan klik kanan pada com.mycompany.cafeorder dan buat JFrameForm baru bernama MainForm.

1. Klik kanan pada com.mecompany.cafeoder -> new -> package, dan beri nama backgrounds.

1. Klik kanan pada package com.mycompany.cafeorder.backgrounds -> new -> Java Class, dan beri nama BackgroundPanel.

1. Tuliskan kode di bawah ini untuk membuat Panel Backgrounds

1. Teman - teman bisa mengganti URL Image menjadi URL dari gambar yang teman - teman inginkan.

1. Klik kanan pada project CafeOrder -> Clean and Build. Tunggu hingga build selesai.

1.  Kembali ke MainForm, dan seret class BackgroundPanel ke dalam MainForm.

1. Sesuaikan ukuran BackgroundPanel pada MainForm, dan ganti ukuran MainForm dengan klik dua kali pada ujung Form, ganti ukuran menjadi 400, 400.

1. Tambahkan Label sebagai Judul Aplikasi dan Panel untuk menaruh beberapa komponen.

1. Pilih Panel yang baru ditambahkan, ganti background pada properties, ganti Color Chooser menjadi custom Code dan masukkan  new Color(255,255,255,  150)

1. Klik source pada MainForm dan import java.awt.Color;

1. Panel yang sudah dirubah backgroundnya dengan Custom Code akan menjadi transparan seperti gambar di bawah ini.

1. Untuk membuat aplikasi yang kita buat berada di tengah layar, maka teman - teman harus melakukan klik pada JFrame -> Code -> Generate Center.

1. Tambahkan 2 buah JComboBox, 2 buah Label dan 1 buah Button pada Panel yang baru kita buat, seperti di bawah ini.

1. Beri nama Label 1 dengan nama itemLabel, Label2 dengan nama hargaLabel seperti gambar di atas, ganti text pada button menjadi Tambah Order.
2. Ganti item yang terdapat pada ComboBox1 dengan  Makanan dan Minuman. Hapus semua item yang terdapat pada ComboBox2.

1. Tambahkan 1 buah panel lagi di bawah panel yang telah kita buat, sesuaikan ukuran dan jadikan warnanya transparan.

1. Tambahkan Label untuk Judul, Text Area untuk item yang ditambahkan, dan Button di luar panel yang baru saja di buat.

1. Saat dilakukan Running pada aplikasi yang kita buat akan seperti di bawah ini.

Logic dari aplikasi ini akan dibuat pada postingan selanjutnya.

_________________________________________________________________________

Anda bisa menonton Video latihan kita kali ini pada video di bawah ini.

_______________________________________________________________________

SHARE

About Muhammad Ananda Pratama