Tutorial Membuat Sistem Informasi Java Berbasis Array (Part 4)

Dari 3 bagian artikel sebelumnya, untuk tutorial membuat sistem informasi ini kita telah membuat semua fungsi mulai dari form login, save, edit, delete, hingga log out pada form utama nya (silahkan baca artikel bagian 3 DISINI). Nah pada artikel bagian 4 kali ini saya hanya akan mengubah sedikit tampilan dari sistem informasi kita agar tampak lebih menarik, kemudian yang akan saya lakukan pada artikel kali ini adalah mengubah background setiap frame nya dengan beberapa gambar, jadi karna pada sistem informasi kita hanya memiliki 2 frame (frame login dan frame utama), maka silahkan siapkan 2 buah gambar bebas. Untuk lebih jelasnya mungkin silahkan langsung saja ikuti tutorial berikut ini.

1. 2 buah file gambar yang telah disiapkan sebelumnya silahkan letakan pada folder "img", yg telah dibuat pada artikel bagian 1 sebelumnya, akses foldernya ada di "My document--> Netbeans projects--> sisteminventaris--> src--> img" letakan disini.

Kemudian silahkan jalankan aplikasi netbeans buka project sistem inventaris, dan lihat pada folder "img" maka disana sudah terdapat 2 file gambar yang telah kita pindahkan sebelumnya.

2. Buat sebuah java class baru pada folder "sourcecode" (klik kanan--> new--> java class). isi dengan nama "backgroundlogin".

*class ini nanti akan digunakan sebagai media untuk background pada halaman login.

3. Buka class "backgroundlogin", hapus semua kode dan pastekan kode berikut.

package sourcecode;
 
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Image;
import javax.swing.ImageIcon;
import javax.swing.JPanel;
 
/**
 *
 * @author Yudha niagara
 */
public class backgroundlogin extends JPanel{
    private Image gambarlogin;
 
    public backgroundlogin() {
        gambarlogin = new ImageIcon(getClass().getResource("/img/gambar1.jpg")).getImage();
    }
 
    @Override
    protected void paintComponent(Graphics grphcs) {
        super.paintComponent(grphcs);
 
        Graphics2D gd = (Graphics2D) grphcs.create();
        gd.drawImage(gambarlogin, 0, 0, getWidth(), getHeight(), null);
        gd.dispose();
    }
}

 *kode "/img/gambar1.jpg" adalah alamat file gambar, silahkan ubah "gambar1.jpg" sesuai dengan nama file gambar kalian.

4. Sekarang kita akan buat class backround untuk halaman utama, silahkan ulangi langkah ke-2 sampai ke-3, beri nama class "backgroundutama", hapus semua kode dan pastekan kode berikut.

package sourcecode;
 
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Image;
import javax.swing.ImageIcon;
import javax.swing.JPanel;
 
/**
 *
 * @author Yudha niagara
 */
public class backgroundutama extends JPanel{
    private Image gambarlogin;
 
    public backgroundutama() {
        gambarlogin = new ImageIcon(getClass().getResource("/img/gambar2.jpg")).getImage();
    }
 
    @Override
    protected void paintComponent(Graphics grphcs) {
        super.paintComponent(grphcs);
 
        Graphics2D gd = (Graphics2D) grphcs.create();
        gd.drawImage(gambarlogin, 0, 0, getWidth(), getHeight(), null);
        gd.dispose();
    }
}

5. Sekarang buka form login, dan masuk ke halaman design, kemudian klik tahan pada class "backgroundlogin" lalu pindahkan ke area halaman design form login. Jika berhasil maka halaman login saat ini telah memiliki background.

 Atur dan susun halaman hingga seperti berikut. Kalian juga bisa menambah garis pembatas dengan cara merik komponen "seperator" dari menu pallete.

6. Ulangi langkah ke-4 sampai ke-5, untuk form utama, klik tahan dan lepaskan class "backgroundutama" pada area design form utama. Susun menjadi seperti berikut.

Dan inilah akhir dari tampilan sistem inventaris kita

Mungkin hanya sampai disini saja tutorial yang bisa saya berikan, dan bagi kalian yg ingin mendownload projects lengkap dari tutorial ini, silahkan download melalui link dibawah ini.

Download sisteminventaris.rar
*ekstrak file download, kemudian pindahkan ke folder my document--> netbeans project, selanjutnya silahkan open projects dari netbeans.