Menambahkan Ikon Pada Label Dan Tombol Netbeans

by Unknown  |  in Tutorial at  Selasa, Juni 30, 2015
cara memberi ikon pada label javaLabel dan Tombol, atau yg dinamai oleh java sebagai komponen JLabel dan JButton, adalah sebuah komponen interaksi antara sistem aplikasi dengan pengguna komputer. Komponen JLabel di peruntukan sebagai komponen yg memberikan nama atau penjelas dari komponen lainnya, sehingga komponen JLabel ini hanya berupa teks saja, berbeda dengan komponen Jbutton komponen ini berfungsi sebagai tombol eksekusi yg nantinya bisa diberi aksi untuk mengeksekusi beberapa method. Karena kedua komponen ini berada di bagain antar muka, maka sebagai programmer yg menggunakan komponen ini, kita tentu harus membuat tampilan dari komponen ini bagus dan pas untuk dilihat.

Salah satu cara untuk mempercantik tampilan JLabel atau JButton yg kita gunakan kita bisa menambahkan gambar ikon yg mewakili komponen tersebut, nah bagi kalian yg ingin
mempelajari cara menambahkan ikon pada label dan button ini, silahkan ikuti turorial berikut ini.

Sebelumnya siapkan terlebih dahulu beberapa gambar ikon pada komputer kalian.
1. Buka aplikasi netbeans dan buat sebuah project baru, dan disini saya beri nama "cobaikon".
cara memberi ikon pada label java
2. Gambar ikon yang sebelumnya telah disiapkan pindahkan kedalam folder orject kalian, akses folder nya di MyDocument--> Netbeans Project--> "project kalian"--> src--> "project kalian", letakan file gambar nya disini.
cara memberi ikon pada label java
3. Kembali ke halaman netbeans, buat sebuah Jframe Form baru,(klik kanan pada project--> New--> JFrame Form).
cara memberi ikon pada label java
4. Dari menu pallete tarik 1 buah komponen Label, dan 1 komponen Button.
cara memberi ikon pada label java
5. Pertama kita akan memberi ikon pada komponen label, silahkan klik kanan pada label, dan pilih properties.
cara memberi ikon pada label java
6. Klik pada kolom "icon", dan akan muncul sebuah jendela baru.
cara memberi ikon pada label java
7. Pada kolom "Package" pilih folder tempat menyimpan ikon sebelumnya, maka daftar file ikon yang ada dalam folder tersebut akan muncul pada kolom "File", silahkan pilih salah satu, kemudian klik "Ok".
cara memberi ikon pada label java
Sampai disini komponen label telah memiliki ikon.

8. Silahkan ulangi langkah ke-5 sampai ke-7 untuk memberi ikon pada komponen button.
9. dan ini hasil akhir nya.
cara memberi ikon pada label java
*ukuran ikon yang muncul pada netbeans adalah ukuran asli dari file gambar ikon, jadi gunakan gambar ikon yang ukurannya telah disesuaikan.

Cara Mengunci Ukuran Frame/Layar Java Netbeans

by Unknown  |  in Tutorial at  Jumat, Juni 26, 2015
kunci layar java netbeans
Haii sobat CompiGAUL sekalian.. pada kesempatan menulis artikel kali ini saya akan membahas tentang bagaimana cara mengunci layar frame netbeans. Frame netbeans adalah interface aplikasi yg kita ciptakan dari netbeans, yg nantinya frame inilah yg menjadi antar muka dan menjadi tampilan dari aplikasi saat di run atau jalankan, sehingga nanti saat frame netbeans tersebut kita jalankan, maka frame tersebut tidak bisa di ubah ukurannya. Dengan kata lain ukuran frame nya akan terkunci.

Lantas untuk apa hal ini kita lakukan ??, menurut saya, hal ini perlu di lakukan untuk menjaga letak/posisi dari semua komponen yg nantinya ada di dalam frame tersebut, karna sering kali saat program dijalankan, dan kemudian ukuran frame nya di ubah atau di maksimalkan, maka letak dari setiap komponen nya akan terganggu dan terkesan acak-acakan. Maka dari itu kita harus menjaga kestabilan dari aplikasi yg kita ciptakan baik dari system mau pun user interface nya.
Untuk itu bagi kalian yg ingin menggunakan cara ini, silahkan ikuti saja tutorial berikut ini.

1. Terlebih dahulu buatlah sebuah frame pada projects kalian, klik kanan pada project -->new -->Jframe Form. Isi nama frame nya kemudan klik finish.
kunci layar java netbeans

kunci layar java netbeans

2. Disini nama frame saya adalah "NewFrame.java", kemudian silahkan klik "properties" pada area frame kalian.

3. Lihat pada kanan layar, cari pengaturan "resizeable" pada bagian properties. Jika sudah ketemu silahkan hilangkan tanda centang pada opsi "resizeable".
kunci layar java netbeans

4. Terakhir silahkan jalankan frame nya, dan lihat hasilnya, maka frame yg dijalankan tersebut tidak akan bisa diubah ukurannya, begitu juga dengan tombol maximize nya tidak akan berfungsi.
kunci layar java netbeans

Tutorial Membuat Sistem Informasi Java Berbasis Array (Part 4)

by Unknown  |  in Tutorial at  Kamis, Juni 25, 2015
tutorial sistem informasi array
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.
tutorial sistem informasi array
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.
tutorial sistem informasi array

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

*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();
    }
}
tutorial sistem informasi array
 *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();
    }
}
tutorial sistem informasi array
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.
tutorial sistem informasi array
 Atur dan susun halaman hingga seperti berikut. Kalian juga bisa menambah garis pembatas dengan cara merik komponen "seperator" dari menu pallete.
tutorial sistem informasi array
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.
tutorial sistem informasi array
Dan inilah akhir dari tampilan sistem inventaris kita
tutorial sistem informasi array
tutorial sistem informasi array
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.

Tutorial Membuat Sistem Informasi Java Berbasis Array (Part 3)

by Unknown  |  in Tutorial at  Senin, Juni 22, 2015
sistem inventaris java array
Melanjutkan tutorial dari artikel sebelumnya, yaitu tutorial pembuatan sistem informasi bagian 2 (silahkan baca artikel bagian 2 DISINI), pada artikel sebelumnya tersebut kita telah membahas tentang bagaimana menambah data ke dalam sebuah array dan kemudian menampilkannya ke dalam sebuah tabel dalam form yg sama, untuk itu pada artikel bagian 3 kali ini, kita akan membahas tentang pembuatan fungsi "edit" dan fungsi "delete", sehingga pada data yang sudah ditambahkan ke dalam table, bisa kita edit atau kita hapus. Dan kita juga akan membuat tombol "log out", yang mana fungsi daritombol log out ini adalah untuk kembali ke halaman login yang telah kita buat pada tutorial bagian 1 sebelumnya.
Baiklah langsung saja untuk penjelasan lebih lengkapnya silahkan ikuti tutorial berikut ini.

1. Jalankan aplikasi netbeans dan buka project "sisteminventaris" seperti sebelumnya.
2. Buka form Utama, kemudian dari menu pallete tarik 3 buah button, susun dan ubah juga nama nya menjadi seperti berikut.
sistem inventaris java array
3. Ubah juga variabel button nya menjadi "edit", "hapus", dan "keluar".(Klik kanan pada komponen--> Change Variabel Name).
sistem inventaris java array
4. Dari form Utama silahkan masuk ke halaman "source", dibawah bagian fungsi "void filterhuruf(KeyEvent b)" pastekan kode berikut untuk menambahkan "void edit();".

void edit(){
    int baris = TabelData.getSelectedRow();
    NamaBar.setText(TabelData.getValueAt(baris,0).toString());
    KodeBar.setText(TabelData.getValueAt(baris,1).toString());
    JumlahBar.setText(TabelData.getValueAt(baris,2).toString());
    JenisBar.setSelectedItem(TabelData.getValueAt(baris,3).toString());
}

5. Kemudian buat juga void baru dengan nama "void update();", pastekan saja kode berikut.

void update(){
    int baris = TabelData.getSelectedRow();
    TabelData.setValueAt(NamaBar.getText(), baris, 0);
    TabelData.setValueAt(KodeBar.getText(), baris, 1);
    TabelData.setValueAt(JumlahBar.getText(), baris, 2);
    TabelData.setValueAt(JenisBar.getSelectedItem(), baris, 3);
}

6. Buat lagi sebuah void baru dengan nama "void delete();"

void delete(){
    int baris = TabelData.getSelectedRow();
    tabelmodel.removeRow(baris);  
}
sistem inventaris java array
7. Balik ke halaman "design", beri event pada tombol "edit".(klik kanan pada tombol edit--> Events--> Action--> actionPerformed).
sistem inventaris java array
Setelah dialihkan ke halaman source, silahkan tambahkan kode berikut.

edit();
simpan.setText("UPDATE");

8. Balik ke halaman "design" lagi dan beri event juga pada tombol delete, kemudian setelah dialihkan ke halaman "source", tambahkan kode berikut.

delete();

9. Masih pada halaman "source" cari kode event pada tombol "simpan", seperti gambar berikut.
sistem inventaris java array
Kemudian ubah kode nya menjadi seperti berikut.
sistem inventaris java array
Pastekan kode ini.

if(simpan.getText().equals("SIMPAN")){
    save();
    bersih();
}
else{
    update();
    bersih();
    simpan.setText("SIMPAN");
}

10. Sampai disini untuk fungsi tombol edit dan delete telah selesai kita buat, selanjutnya kita akan buat fungsi pada tombol "log out", silahkan balik ke halaman "design" dan beri event pada tombol log out(klik kanan pada tombol log out--> Events--> Action--> actionPerformed).
sistem inventaris java array
Setelah kita beralih ke halaman "source", silahkan pastekan kode berikut.

String ObjButtons[] = {"Yes","No"};
int pilihan = JOptionPane.showOptionDialog(null,"Apakah Anda Yakin Ingin keluar dari halaman utama ?","Message",JOptionPane.DEFAULT_OPTION,JOptionPane.QUESTION_MESSAGE,null,ObjButtons,ObjButtons[1]);
if(pilihan == 0){
    new Login().show();
    dispose();
}

Selesai, sampai disini silahkan compile project kalian (shift+f11), kemudian jalankan form utama, dan coba untuk menambah sebuah data setelah data masuk ke dalam table, klik data tersebut dan coba tekan tombol "edit", dan coba ubah salah satu data nya kemudian tekan tombol update, dan lakukan hal yg sama untuk tombol "delete", Kemudian coba juga untuk menekan tombol log out, jika layar kembali pada halaman login, berarti tutorial ini telah berhasil kita kerjakan.

Sampai disini fungsi edit dan delete pada frame utama telah berhasil kita buat, dan pada artikel selanjutnya akan saya jelaskan tentang cara memberi background pada frame login dan frame utama.
Silahkan baca tutorial bagian 4 DISINI.

Tutorial Membuat Sistem Informasi Java Berbasis Array (Part 2)

by Unknown  |  in Tutorial at  Sabtu, Juni 20, 2015
tutorial sistem informasi array
Dalam artikel sebelumnya pada bagian 1, kita telah membahas tentang tutorial pembuatan sistem informasi ini sampai dengan membuat form login yang telah berhasil masuk ke form utama (silahkan baca artikel bagian 1 DISINI), dan pada bagian sebelumnya tersebut form utama memang masih kosong, untuk itu pada artikel ini saya akan mengisi form utama tersebut sampai dengan menambah data dan menampilkannya pada tabel.

Konsep nya nanti pada form utama ini akan kita isi dengan formulir data pengisian barang, seperti nama, jenis, jumlah, dll, yang kemudian data tersebut akan kita simpan ke dalam sebuah array dan selanjutnya menampilkannya ke dalam tabel data yang telah kita siapkan. Baiklah untuk penjelasan lebih lengkapnya akan saya jelaskan pada tutorial berikut ini.

1. Jalankan aplikasi netbeans, dan buka project "sistem inventaris" kalian seperti pada pembahasan sebelumnya.
2. Buka form Utama dan dari menu palette tarik 6 buah komponen Label, 3 Textfield, 1 Combobox, 1 Button, dan 1 Tabel.
tutorial sistem informasi array
3. Ubah nama-nama komponennya dan susun seperti gambar berikut. (Klik kanan pada komponen--> Edit Text).
tutorial sistem informasi array
Untuk mengubah menu pilihan pada komponen combobox silahkan klik kanan pada komponen tersebut pilih "properties", kemudian cari "model" dan isi sesuai keingin kalian.
tutorial sistem informasi array
4. Ubah juga setiap variabel komponennya seperti berikut. (Klik kanan pada komponen--> Change Variabel Name).
-. Variabel kolom nama barang = NamaBar
-. Variabel kolom kode barang = KodeBar
-. Variabel kolom jumlah = JumlahBar
-. Variabel kolom kategori = JenisBar
-. Variabel tombol simpan = simpan
-. Variabel tabel = TabelData
tutorial sistem informasi array
5. Tetap pada form utama silahkan masuk pada halaman "Source", tepat dibawah kode public class Utama extends javax.swing.JFrame tambahkan kode DefaultTableModel tabelmodel;
6. pada class public Utama() tepat dibawah kode initComponents(); tambahkan kode berikut.
this.setLocationRelativeTo(null);
tabelmodel = new DefaultTableModel();
TabelData.setModel(tabelmodel);
Object namakolom[] = {"NAMA BARANG","KODE BARANG","JUMLAH","KATAGORI"};
tabelmodel.setColumnIdentifiers(namakolom);

7. kemudian buat sebuah void baru dengan nama "void save()", pastekan saja kode berikut.

void save(){
    if (NamaBar.getText().length() == 0 || KodeBar.getText().length() == 0 || JumlahBar.getText().length() == 0 || JenisBar.getSelectedItem() == null ){
        JOptionPane.showMessageDialog(null,"Terdapat Kolom Belum Terisi");
    }
    else{
        String NB, KB, JL, KT;
        NB = NamaBar.getText();
        KB = KodeBar.getText();
        JL = JumlahBar.getText();
        KT = JenisBar.getSelectedItem().toString();

        Object row[] = {NB,KB,JL,KT};
        tabelmodel.addRow(row);
    }
}
tutorial sistem informasi array
8. Buat juga sebuah void baru dengan nama "void bersih()", atau pastekan kode berikut.

void bersih(){
    NamaBar.setText("");
    KodeBar.setText("");
    JumlahBar.setText("");
    JenisBar.setSelectedItem(null);
}
*Fungsi void bersih ini digunakan ketika kita telah mengisi semua data pada formulir, dan pada saat kita menekan tombol simpan, maka secara otomatis data nama, jumlah, dan jenis yang ada pada formurir / textfield akan terhapus.

9. kemudian buat sebuah void baru lagi dengan nama "void filterHuruf(KeyEvent b)", atau pastekan saja kode berikut ini.

void filterhuruf(KeyEvent b){
    if(Character.isAlphabetic(b.getKeyChar())){
        b.consume();
        JOptionPane.showMessageDialog(null,"Pada Kolom Jumlah Hanya Bisa Memasukan Karakter Angka");
    }
}
*Fungsi void filterhuruf ini adalah untuk menyaring karater huruf, dan akan di terapkan pada formulir jumlah, karna pada form jumlah kita hanya memerlukan karakter angka, sehingga jika pada form jumlah diisi dengan huruf maka akan muncul peringatan.
tutorial sistem informasi array
10. Sekarang semua fungsi telah kita buat dan silahkan kembali pada halaman "Design" form Utama.
11. Beri event pada tombol "SIMPAN" (klik kanan pada komponen--> Events--> Action--> actionPerformed),
tutorial sistem informasi array
Selanjutnya kita akan langsung dialihkan ke halaman "Source", kemudian silahkan ketikan kode berikut.

save();
bersih();
*Urutan kode diatas jangan terbalik.

12. Balik kehalaman "Design", dan beri event pada kolom "jumlah" (klik kanan pada kolom jumlah--> Events--> Key--> keyTyped).
tutorial sistem informasi array
Tambahkan kode "filterHuruf(evt);"
tutorial sistem informasi array
 Sekarang silahkan compile projects kalian (shift+f11), dan kemudian jalankan form Utama. Coba isi setiap formulir dan tekan tombol simpan.
tutorial sistem informasi array
Sampai disini fungsi save pada frame utama telah berhasil kita buat, untuk fungsi edit dan delete akan saya jelaskan pada artikel selanjutnya.
Silahkan baca tutorial bagian 3 DISINI

Proudly Powered by Blogger.