AdityaDees: gui

Hot

https://publishers.chitika.com/

Contact us for advertising.
Showing posts with label gui. Show all posts
Showing posts with label gui. Show all posts

23 December 2016

Ask Membatasi Jenis Inputan pada JTextField AdityaDees

23:18 0
membatasi jenis inputan pada jtextfield

Bismillah ...

Pada suatu keadaan kita akan menjumpai dimana pada sebuah inputan komponen JTextField diminta hanya bisa menerima inputan angka saja atau huruf saja. Sebagai contoh untuk inputan nim mahasiswa, nomor ktp dan lain-lain yang inputannya hanya berupa angka. Nah, pada psotingan ini saya akan memberikan contoh untuk membatasi inputan-inputan tersebut.

Method yang akan kita gunakan untuk membatasi inputan pada komponen JTextField adalah method setDocumentFilter() dan selanjutnya menggunakan kelas DocumentFilter serta meng-override method replace() dari kelas tersebut.

Berikut adalah contoh pembuatan methodnya:
private void triggerText(JTextField tx, int max){
((AbstractDocument) tx.getDocument()).setDocumentFilter(new DocumentFilter() {
Pattern pattern = Pattern.compile("\\d");
/* Pattern digunakan untuk memfilter jenis inputan apa yang boleh masuk
Untuk melihat jenis regular-expression buka di https://docs.oracle.com/javase/7/docs/api/util/regex/Pattern.html
*/
@Override
public void replace(DocumentFilter.FilterBypass fb, int offset, int length, String text, AttributeSet attrs) throws BadLocationException {
Matcher matcher = pattern.matcher(text);// kelas Matcher digunakan untuk mencocokkan inputan pengguna dengan jenis regular-expression
if (!matcher.matches())//jika inputan tidak cocok dengan pattern maka return;
return;

if(tx.getText().length()>max)//jika jumlah length text melebihi ketentuan maka return;
return;
super.replace(fb, offset, length, text, attrs);
}
});
}

Contoh penggunaan method diatas adalah sebagai berikut :
package az.dialog.gui;

import java.util.regex.Matcher;
import java.util.regex.Pattern;
import javax.swing.JFrame;
import javax.swing.JTextField;
import javax.swing.text.AbstractDocument;
import javax.swing.text.AttributeSet;
import javax.swing.text.BadLocationException;
import javax.swing.text.DocumentFilter;

public class DemoText extends JFrame{
public DemoText(){
super("Demo Trigger Text");
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setSize(300,100);

JTextField text = new JTextField();
triggerText(text, 25);
getContentPane().add(text);
}

private void triggerText(JTextField tx, int max){
((AbstractDocument) tx.getDocument()).setDocumentFilter(new DocumentFilter() {
Pattern pattern = Pattern.compile("\\d");
/* Pattern digunakan untuk memfilter jenis inputan apa yang boleh masuk
Untuk melihat jenis regular-expression buka di https://docs.oracle.com/javase/7/docs/api/util/regex/Pattern.html
*/
@Override
public void replace(DocumentFilter.FilterBypass fb, int offset, int length, String text, AttributeSet attrs) throws BadLocationException {
Matcher matcher = pattern.matcher(text);// kelas Matcher digunakan untuk mencocokkan inputan pengguna dengan jenis regular-expression
if (!matcher.matches())//jika inputan tidak cocok dengan pattern maka return;
return;

if(tx.getText().length()>max)//jika jumlah length text melebihi ketentuan maka return;
return;
super.replace(fb, offset, length, text, attrs);
}
});
}

public static void main(String[]args){
new DemoText().setVisible(true);
}
}

Demikianlah tutorial Membatasi Jenis Inputan pada JTextField. Semoga ada manfaatnya bagi anda dan saya. Jika ada pertanyaan mengenai tutorial diatas, silahkan bertanya melalui form komentar dibawah. Kemudian jika ingin meng-update secara rutin artikel yang kami posting dari blog ini, silahkan isi email anda pada isian Follow by Email dibawah.

Terima kasih... wassalam
Read More

13 December 2016

Ask Membuat Confirm Dialog dengan JOptionPane showConfirmDialog AdityaDees

11:06 0
Bismillah…

Kita sering melihat pada sebuah aplikasi komputer ataupun website sering menampilkan sebuah pesan konfirmasi sebelum melanjutkan ke proses berikutnya. Misalnya pada saat pengguna ingin menghapus data tertentu, maka sistem akan memunculkan pesan konfirmasi apakah benar data tersebut akan dihapus atau tidak dengan menampilkan tombol OKE dan CANCEL atau tombol-tombol lainnya. Nah, untuk membuat pesan konfirmasi semacam ini pada bahasa pemrograman java kita menggunakan sebuah method static showConfirmDialog() yang terdapat pada kelas JOptionPane. Pada method tersebut terdapat beberapa parameter diantaranya adalah :
JoptionPane.showConfirmDialog(Component parentComponent, Object message);
JOptionPane.showInputDialog(Component parentComponent, Object message, String title, int optionType);
JOptionPane.showInputDialog(Component parentComponent, Object message, String title, int optionType, int messageType);
JOptionPane.showInputDialog(Component parentComponent, Object message, String title, int optionType, int messageType, Icon icon);

Penjelasan Parameter :
  • parentComponent - determines the Frame in which the dialog is displayed; if null, or if the parentComponent has no Frame, a default Frame is used.
    Parameter ini digunakan untuk menentukan frame dimana kotak dialog konfirmasi tersebut ditampilkan. Jika diisi dengan nilai null, maka parameter tersebut menggunakan frame default.
  • message - the Object to display.
    Parameter ini digunakan untuk mengisi pesan kotak konfirmasi dialog tersebut.
  • title - the title string for the dialog.
    Digunakan untuk mengisi judul kotak dialog konfirmasi yang dibuat.
  • optionType - an int designating the options available on the dialog: YES_NO_OPTION, YES_NO_CANCEL_OPTION, or OK_CANCEL_OPTION. Parameter ini digunakan untuk merubah jenis tombol dialog berupa YES_NO_OPTION, YES_NO_CANCEL_OPTION, or OK_CANCEL_OPTION. messageType - an integer designating the kind of message this is; primarily used to determine the icon from the pluggable Look and Feel: ERROR_MESSAGE, INFORMATION_MESSAGE, WARNING_MESSAGE, QUESTION_MESSAGE, or PLAIN_MESSAGE.
    Dengan parameter ini kita dapat menentukan jenis icon kotak dialog yang ditampilkan, apakah berupa ERROR_MESSAGE, INFORMATION_MESSAGE, WARNING_MESSAGE, QUESTION_MESSAGE, or PLAIN_MESSAGE.
  • icon - the icon to display in the dialog.
    Paramter icon ini akan me-replace paramter messageType diatas dengan mengganti jenis icon yang kita tentukan.

Nah, setelah mengetahui fungsi masing-masing parameter pada method showConfirmDialog() tersebut, selanjutnya kita akan mencoba menerapkan satu persatu dengan parameter yang berbeda.
  1. Menggunakan 2 Parameter
    package az.dialog.confirm;
    import javax.swing.JOptionPane;

    public class Confirm2 {
    public static void main(String[]args){
    int opsi = JOptionPane.showConfirmDialog(null, "Benarkah anda ingin menghapus data ini ?");
    switch(opsi){
    case JOptionPane.YES_OPTION:
    JOptionPane.showMessageDialog(null, "Saat dipilih yes !");
    break;
    case JOptionPane.NO_OPTION:
    JOptionPane.showMessageDialog(null, "Saat dipilih no !");
    break;
    default:
    JOptionPane.showMessageDialog(null, "Saat dipilih cancel !");
    break;
    }
    }
    }
    Output dari kode program diatas seperti gambar dibawah ini :
    confirm dialog 2 parameter

  2. Menggunakan 4 Parameter
    package az.dialog.confirm;
    import javax.swing.JOptionPane;

    public class Confirm4 {
    public static void main(String[]args){
    int opsi = JOptionPane.showConfirmDialog(null, "Benarkah anda ingin menghapus data ini ?", "Penghapusan Data", JOptionPane.YES_NO_OPTION);
    if (opsi == JOptionPane.YES_OPTION)
    JOptionPane.showMessageDialog(null, "Saat dipilih yes !");
    else
    JOptionPane.showMessageDialog(null, "Saat dipilih no !");
    }
    }
    Output dari kode program diatas adalah seperti gambar dibawah ini :
    confirm dialog 4 parameter


  3. Menggunakan 5 Parameter
    package az.dialog.confirm;
    import javax.swing.JOptionPane;

    public class Confirm5 {
    public static void main(String[]args){
    int opsi = JOptionPane.showConfirmDialog(null, "Benarkah anda ingin menghapus data ini ?",
    "Penghapusan Data", JOptionPane.YES_NO_OPTION, JOptionPane.WARNING_MESSAGE);

    if (opsi == JOptionPane.YES_OPTION)
    JOptionPane.showMessageDialog(null, "Saat dipilih yes !");
    else
    JOptionPane.showMessageDialog(null, "Saat dipilih no !");
    }
    }
    Output dari kode program diatas adalah seperti gambar dibawah ini :
    confirm dialog 5 parameter

  4. Menggunakan 6 parameter
    package az.dialog.confirm;
    import javax.swing.ImageIcon;
    import javax.swing.JOptionPane;

    public class Confirm6 {
    public static void main(String[]args){
    ImageIcon icon = new ImageIcon("src/az/dialog/pesan/kas.png");
    int opsi = JOptionPane.showConfirmDialog(null, "Benarkah anda ingin mentransfer uang ke rekening xxx ?",
    "Pengiriman Uang", JOptionPane.YES_NO_OPTION, JOptionPane.WARNING_MESSAGE, icon);

    if (opsi == JOptionPane.YES_OPTION)
    JOptionPane.showMessageDialog(null, "Saat dipilih yes !");
    else
    JOptionPane.showMessageDialog(null, "Saat dipilih no !");
    }
    }
    Hasil pada saat program diatas dijalankan adalah seperti berikut ini :
    confirm dialog 6 parameter


  5. Custom
    Terakhir kita akan membuat secara lengkap dengan menggunakan sebuah frame tertentu untuk menampilkan dialog konfirmasi diatas.
    package az.dialog.confirm;
    import java.awt.Color;
    import javax.swing.ImageIcon;
    import javax.swing.JFrame;
    import javax.swing.JOptionPane;

    public class Custom {
    public static void main(String[]args){
    JFrame frame = new JFrame("Frame Input Dialog");
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.setSize(800, 600);
    frame.getContentPane().setBackground(Color.RED);
    frame.setVisible(true);
    ImageIcon icon = new ImageIcon("src/az/dialog/pesan/kas.png");
    int opsi = JOptionPane.showConfirmDialog(frame, "Benarkah anda ingin mentransfer uang ke rekening xxx ?",
    "Pengiriman Uang", JOptionPane.YES_NO_OPTION, JOptionPane.WARNING_MESSAGE, icon);

    if (opsi == JOptionPane.YES_OPTION)
    JOptionPane.showMessageDialog(frame, "Saat dipilih yes !");
    else
    JOptionPane.showMessageDialog(frame, "Saat dipilih no !");
    }
    }
    Hasil dari kode program diatas pada saat dijalankan adalah seperti gambar dibawah ini :
    custom dialog konfirmasi

Demikianlah tutorial Membuat Confirm Dialog dengan JOptionPane showConfirmDialog. Semoga ada manfaatnya bagi anda dan saya. Jika ada pertanyaan mengenai tutorial diatas, silahkan bertanya melalui form komentar dibawah. Kemudian jika ingin meng-update secara rutin artikel yang kami posting dari blog ini, silahkan isi email anda pada isian Follow by Email dibawah.

Terima kasih... wassalam
Read More

Ask Membuat Input Dialog dengan JOptionPane showInputDialog AdityaDees

00:17 0
Bismillah…

Pada postingan sebelumnya saya sudah memberikan tutorial bagaimana membuat sebuah kotak dialog untuk menampilkan pesan pada sebuah aplikasi. Nah, pada postingan ini saya kembali akan memberikan tutorial bagaimana membuat sebuah input dialog dengan bahasa pemrograman java. Kelas yang digunakan masih sama dengan pembuatan dialog pesan sebelumnya yakni pada kelas JOptionPane. Adapun method yang digunakan untuk menampilkan input dialog ini adalah method showInputDialog(). Pada method ini terdapat beberapa parameter diantaranya adalah :
JOptionPane.showInputDialog(Object message);
JoptionPane.showInputDialog(Component parentComponent, Object message);
JOptionPane.showInputDialog(Object message, Object initialSelectionValue);
JOptionPane.showInputDialog(Component parentComponent, Object message, Object initialSelectionValue);
JOptionPane.showInputDialog(Component parentComponent, Object message, String title, int messageType);
JOptionPane.showInputDialog(Component parentComponent, Object message, String title, int messageType, Icon icon, Object[] selectionValues, Object initialSelectionValue);
Penjelasan Parameter :
  • message - the Object to display.
    Parameter ini digunakan untuk mengisi pesan kotak dialog tersebut.
  • parentComponent - the parent Component for the dialog.
    Parameter ini digunakan untuk menentukan frame dimana kotak dialog tersebut ditampilkan. Jika diisi dengan nilai null, maka parameter tersebut menggunakan frame default.
  • initialSelectionValue - the value used to initialize the input field.
    Parameter ini digunakan untuk membuat inisialisasi inputan.
  • title - the String to display in the dialog title bar.
    Digunakan untuk mengisi judul dialog yang dibuat.
  • messageType - the type of message that is to be displayed: ERROR_MESSAGE, INFORMATION_MESSAGE, WARNING_MESSAGE, QUESTION_MESSAGE, or PLAIN_MESSAGE.
    Dengan parameter ini kita dapat menentukan jenis icon kotak dialog yang ditampilkan, apakah berupa ERROR_MESSAGE, INFORMATION_MESSAGE, WARNING_MESSAGE, QUESTION_MESSAGE, or PLAIN_MESSAGE.
  • icon - an icon to display in the dialog that helps the user identify the kind of message that is being displayed.
    Paramter icon ini akan me-replace paramter messageType diatas dengan mengganti jenis icon yang kita tentukan.
  • selectionValues - an array of Objects that gives the possible selections.
    Membuat pilihan nilai input yang bisa dipilih oleh pengguna.

Setelah mengetahui fungsi masing-masing parameter diatas, selanjutnya kita akan mencoba satu persatu jenis input dialog diatas dengan parameter yang berbeda-beda. Pertama kita akan menggunakan method yang menggunakan 1 buah parameter kemudian terakhir dengan menggunakan ke 7 parameter tersebut.
  1. Menggunakan 1 Parameter
    package az.dialog.input;
    import javax.swing.JOptionPane;

    public class Input1 {
    public static void main(String[]args){
    String nama = JOptionPane.showInputDialog("Masukkan Nama Anda :");
    JOptionPane.showMessageDialog(null, "Hello "+nama, "Biodata", JOptionPane.INFORMATION_MESSAGE);
    }
    }
    Hasil dari kode diatas seperti gambar dibawah ini :
    input dialog dengan 1 parameter

  2. Menggunakan 2 Parameter
    Pada method showInputDialog() terdapat 2 buah jenis yang menggunakan 2 parameter. Yang pertama dengan parameter parentComponent dan message, dan yang kedua adalah dengan parameter message dan initialSelectionValue. Pada method yang menggunakan parameter parentComponent dan message tidak berbeda dengan hasil method yang menggunakan 1 buah parameter sebelumnya, hanya saja method yang menggunakan 1 buah parameter tidak bisa menentukan pada komponen mana input dialog tersebut dibuat. Kemudian method yang menggunakan parameter message dan initialSelectionValue bisa menginisialisasi input dialog. Baiklah, selanjutnya kita akan menerapkan satu persatu method tersebut dimulai dari yang menggunakan parameter parentComponent dan message.
    package az.dialog.input;
    import javax.swing.JOptionPane;

    public class Input12Component {
    public static void main(String[]args){
    String nama = JOptionPane.showInputDialog(null, "Masukkan Nama Anda :");
    JOptionPane.showMessageDialog(null, "Hello "+nama, "Biodata", JOptionPane.INFORMATION_MESSAGE);
    }
    }
    Pada kode diatas tidak berbeda hasilnya dengan contoh sebelumnya yang menggunakan 1 buah parameter. Selanjutnya contoh kedua seperti berikut ini:
    package az.dialog.input;
    import javax.swing.JOptionPane;

    public class Input2Initial {
    public static void main(String[]args){
    String nama = JOptionPane.showInputDialog("Masukkan Nama Anda :", "Nama Anda");
    JOptionPane.showMessageDialog(null, "Hello "+nama, "Biodata", JOptionPane.INFORMATION_MESSAGE);
    }
    }
    Hasil dari kode diatas adalah seperti gambar dibawah ini :
    input dialog dengan 2 parameter


  3. Menggunakan 3 Parameter
    package az.dialog.input;
    import javax.swing.JOptionPane;

    public class Input3 {
    public static void main(String[]args){
    String nama = JOptionPane.showInputDialog(null, "Masukkan Nama Anda :", "Nama Anda");
    JOptionPane.showMessageDialog(null, "Hello "+nama, "Biodata", JOptionPane.INFORMATION_MESSAGE);
    }
    }
    Pada method showInputDialog() diatas yang menggunakan 3 buah parameter hasilnya tidak berbeda dengan yang sebelumnya. Hanya saja dengan 3 parameter tersebut anda bisa menentukan komponen mana input dialog tersebut dibuat.


  4. Menggunakan 4 Parameter
    package az.dialog.input;
    import javax.swing.JOptionPane;

    public class Input4 {
    public static void main(String[]args){
    String nama = JOptionPane.showInputDialog(null, "Masukkan Nama Anda :", "Biodata", JOptionPane.INFORMATION_MESSAGE);
    JOptionPane.showMessageDialog(null, "Hello "+nama, "Biodata", JOptionPane.INFORMATION_MESSAGE);
    }
    }
    Hasil dari kode diatas adalah seperti berikut ini :
    input dialog dengan 4 parameter


  5. Menggunakan 7 Parameter
    package az.dialog.input;
    import javax.swing.ImageIcon;
    import javax.swing.JOptionPane;

    public class Input7 {
    public static void main(String[]args){
    ImageIcon icon = new ImageIcon("src/az/dialog/pesan/kas.png");
    Object jlh = JOptionPane.showInputDialog(null, "Berapa jumlah uang yang akan dikirimkan ? :", "Pengiriman", JOptionPane.PLAIN_MESSAGE, icon,
    new String[]{"Rp.100.000", "Rp.200.000", "Rp.300.000","Rp.400.000","Rp.1.000.000"}, "Rp.100.000");
    JOptionPane.showMessageDialog(null, "Jumlah pengiriman "+jlh, "Informasi Pengiriman", JOptionPane.INFORMATION_MESSAGE);
    }
    }
    Hasil pada saat program diatas dijalankan adalah seperti berikut ini :
    input dialog dengan 7 parameter


  6. Custom 1
    Kita akan membuat secara lengkap dengan menggunakan sebuah frame tertentu untuk menampilkan input dialog diatas.
    package az.dialog.input;
    import java.awt.Color;
    import javax.swing.ImageIcon;
    import javax.swing.JFrame;
    import javax.swing.JOptionPane;

    public class Custom {
    public static void main(String[]args){
    JFrame frame = new JFrame("Frame Input Dialog");
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.setSize(800, 600);
    frame.getContentPane().setBackground(Color.RED);
    frame.setVisible(true);
    ImageIcon icon = new ImageIcon("src/az/dialog/pesan/kas.png");
    Object jlh = JOptionPane.showInputDialog(frame, "Berapa jumlah uang yang akan dikirimkan ?", "Pengiriman", JOptionPane.PLAIN_MESSAGE, icon,
    new String[]{"Rp.100.000", "Rp.200.000", "Rp.300.000","Rp.400.000","Rp.1.000.000"}, "Rp.100.000");
    JOptionPane.showMessageDialog(frame, "Jumlah pengiriman "+jlh, "Informasi Pengiriman", JOptionPane.INFORMATION_MESSAGE);
    }
    }
    Hasil dari kode program diatas pada saat dijalankan adalah seperti gambar dibawah ini :
    input dialog custom 1


  7. Custom 4
    Pada custom kedua ini kita akan membuat contoh program sederhana perhitungan luas segitiga. Berikut adalah contoh programmnya :
    package az.dialog.input;
    import java.awt.Color;
    import javax.swing.JFrame;
    import javax.swing.JOptionPane;

    public class LuasSegitiga {
    public static void main(String[]args){
    JFrame frame = new JFrame("Hitung Luas Segitiga");
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.setSize(800, 600);
    frame.getContentPane().setBackground(Color.RED);
    frame.setVisible(true);

    while(true){
    try{
    double alas = Double.parseDouble(JOptionPane.showInputDialog(frame, "Masukkan Alas :", "Perhitungan Luas Segitiga", JOptionPane.INFORMATION_MESSAGE));
    double tinggi = Double.parseDouble(JOptionPane.showInputDialog(frame, "Masukkan Tinggi :", "Perhitungan Luas Segitiga", JOptionPane.INFORMATION_MESSAGE));
    double luas = 0.5*alas*tinggi;
    JOptionPane.showMessageDialog(frame, "Luas Segitiga = "+luas, "Perhitungan Luas Segeitiga", JOptionPane.INFORMATION_MESSAGE);
    break;
    }
    catch(NumberFormatException ex){
    JOptionPane.showMessageDialog(frame, "Terjadi kesalahan inputan", "Error", JOptionPane.ERROR_MESSAGE);
    }
    }
    }
    }
    Hasil pada saat program diatas dijalankan adalah sebagai berikut :
    input dialog custom 2

Demikianlah tutorial Membuat Input Dialog dengan JoptionPane showInputDialog. Semoga ada manfaatnya bagi anda dan saya. Jika ada pertanyaan mengenai tutorial diatas, silahkan bertanya melalui form komentar dibawah. Kemudian jika ingin meng-update secara rutin artikel yang kami posting dari blog ini, silahkan isi email anda pada isian Follow by Email dibawah.

Terima kasih... wassalam
Read More

07 December 2016

Ask Membuat Kotak Dialog dengan JoptionPane showMessageDialog AdityaDees

06:22 0
Bismillah… 

Penggunaan kotak dialog sering kita jumpai pada saat menggunakan aplikasi. Penggunaan kotak dialog ini secara umum digunakan untuk memberikan informasi kepada pengguna aplikasi seperti pada saat sebuah data berhasil ditambahkan, diubah, dihapus ataupun informasi lainnya. Pada bahasa pemrograman java, untuk membuat kotak dialog ini kita bisa menggunakan method static showMessageDialog() yang terdapat pada kelas JOptionPane. Pada method tersebut terdapat beberapa parameter diantaranya adalah sebagai berikut :
JoptionPane.showMessageDialog(Component parentComponent, Object message);
JoptionPane.showMessageDialog(Component parentComponent, Object message, String title, int messageType);
JoptionPane.showMessageDialog(Component parentComponent, Object message, String title, int messageType, Icon icon);
Penjelasan Parameter :
  1. parentComponent - determines the Frame in which the dialog is displayed; if null, or if the parentComponent has no Frame, a default Frame is used. 
    Parameter ini digunakan untuk menentukan frame dimana kotak dialog tersebut ditampilkan. Jika diisi dengan nilai null, maka parameter tersebut menggunakan frame default.
  2. message - the Object to display.
    Parameter ini digunakan untuk mengisi pesan kotak dialog tersebut.
  3. title - the title string for the dialog.
    Digunakan untuk mengisi judul dialog yang dibuat.
  4. messageType - the type of message to be displayed: ERROR_MESSAGE, INFORMATION_MESSAGE, WARNING_MESSAGE, QUESTION_MESSAGE, or PLAIN_MESSAGE. 
    Dengan parameter ini kita dapat menentukan jenis icon kotak dialog yang ditampilkan, apakah berupa ERROR_MESSAGE, INFORMATION_MESSAGE, WARNING_MESSAGE, QUESTION_MESSAGE, or PLAIN_MESSAGE.
  5. icon - an icon to display in the dialog that helps the user identify the kind of message that is being displayed. 
    Paramter icon ini akan me-replace paramter messageType diatas dengan mengganti jenis icon yang kita tentukan.

Baiklah, disini saya akan memberikan beberapa contoh untuk menggunakan method showMessageDialog() tersebut satu persatu dengan parameter yang berbeda.
  1. Menggunakan 2 Parameter
    import javax.swing.JoptionPane;

    public class KotakDialog1 {
    public static void main(String[]args){
    JOptionPane.showMessageDialog(null, "Tes Kotak Dialog");
    }
    }

    Output dari kode diatas adalah seperti gambar dibawah ini :
    kotak dialog 2 parameter

  2. Menggunakan 4 Parameter
    import javax.swing.JoptionPane;

    public class KotakDialog2 {
    public static void main(String[]args){
    JOptionPane.showMessageDialog(null, "Terjadi Kesalahan", "Error", JOptionPane.ERROR_MESSAGE);
    }
    }

    Pada kode diatas kita menggunakan 4 buah parameter dimana untuk tipe pesan yang digunakan berupa ERROR_MESSAGE. Tipe pesan tersebut bisa anda ganti sesuai dengan kebutuhan. Adapun output dari kotak dialog diatas adalah seperti gambar dibawah ini :
    kotak dialog dengan 4 parameter


  3. Menggunakan 5 Parameter
    import javax.swing.ImageIcon;
    import javax.swing.JoptionPane;

    public class KotakDialog3 {
    public static void main(String[]args){
    ImageIcon icon = new ImageIcon("src/dialog/kas.png");// icon yang akan dipasang
    JOptionPane.showMessageDialog(null, "Pembayaran berhasil", "Informasi Pembayaran", JOptionPane.PLAIN_MESSAGE, icon);
    }
    }

    Output dari kode program diatas adalah seperti gambar dibawah ini :
    kotak dialog dengan 5 parameter

Pada program-program diatas seluruhnya memberikan nilai null pada parameter parentComponent. Seperti diketahui bahwa jika diberikan nilai null maka parameter tersebut akan merujuk pada default frame yang telah didefinisikan pada method tersebut. Nah, selanjutnya bagaimana cara menempatkan dialog tersebut pada frame yang kita inginkan ? Caranya adalah seperti berikut ini.
import java.awt.Color;
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JoptionPane;

public class KotakDialogFrame {
public static void main(String[]args){
JFrame frame = new JFrame("Frame Kotak Dialog");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setSize(800, 600);
frame.getContentPane().setBackground(Color.RED);
frame.setVisible(true);
ImageIcon icon = new ImageIcon("src/dialog/kas.png");// icon yang akan dipasang
JOptionPane.showMessageDialog(frame, "Pembayaran berhasil", "Informasi Pembayaran", JOptionPane.PLAIN_MESSAGE, icon);
}
}
Output dari kode diatas adalah seperti berikut ini :
kotak dialog dengan component frame


Demikianlah tutorial Membuat Kotak Dialog dengan JoptionPane showMessageDialog. Semoga ada manfaatnya bagi anda dan saya. Jika ada pertanyaan mengenai tutorial diatas, silahkan bertanya melalui form komentar dibawah. Kemudian jika ingin meng-update secara rutin artikel yang kami posting dari blog ini, silahkan isi email anda pada isian Follow by Email dibawah. 

Terima kasih... wassalam
Read More

10 November 2016

Ask Cara Membuat Autocomplete di Java AdityaDees

14:47 0
cara membuat autocomplete di java
Saat membuka sebuah halaman website atau aplikasi tertentu, kita pernah menemukan sebuah inputan text yang apabila di ketik satu dua angka atau huruf, akan secara otomatis memunculkan opsi-opsi pilihan item yang ada. Fitur semacam ini seringkali kita temukan pada mesin pencari seperti google, bing, yahoo ataupun yang lainnya. Apakah anda mengetahui nama fitur tersebut ? Nah nama fitur itu adalah autocomplete.

Fitur autocomplete ini bertujuan untuk memudahkan pengguna aplikasi dalam penginputan data. Sebagai contoh pada proses penginputan nilai mahasiswa misalnya yang dilakukan oleh operator. Jika dilakukan tanpa bantuan fitur autocomplete tentu akan memakan waktu yang agak lama, karena si operator harus menginput seluruh nim mahasiswa tersebut. Hal ini tentu akan berbeda jika sudah memanfaatkan fitur autocomplete. Pada saat menulis nim “1101” saja misalnya, maka akan muncul seluruh nim-nim yang berawalan “1101”, dan tinggal memilihnya saja.

Pada tutorial ini kita akan belajar cara membuat autocomplete tersebut pada aplikasi java. Item yang akan kita masukkan pada autocomplete adalah nama orang saja. Selanjutnya data-data itu bisa anda ubah sesuai dengan keinginan anda. Ataupun bisa mengambilnya secara langsung melalui database.

Berikut adalah langkah-langkahnya.
  1. Buat sebuah kelas dengan nama AutoComplete, dan masukkan kode dibawah ini pada kelas tersebut.
    AutoComplete.java

    import java.awt.event.KeyAdapter;
    import java.awt.event.KeyEvent;
    import java.util.Vector;
    import javax.swing.DefaultComboBoxModel;
    import javax.swing.JComboBox;
    import javax.swing.JTextField;

    public class AutoComplete extends JComboBox <object>{
    String[] keyWord = null;
    Vector vec = new Vector();

    public AutoComplete(String[] keyWord){
    this.keyWord = keyWord;
    setModel(new DefaultComboBoxModel<>(vec));
    setSelectedIndex(-1);
    setEditable(true);
    JTextField text = (JTextField)getEditor().getEditorComponent();
    text.setFocusable(true);
    text.setText("");
    text.addKeyListener(new ComboListener(this, vec));
    setMyVector();
    setSelectedIndex(0);
    }

    private void setMyVector() {
    int a;
    for (a = 0; a < keyWord.length; a++) {
    vec.add(keyWord[a]);
    }
    }
    }

    class ComboListener extends KeyAdapter{
    JComboBox cblistener;
    Vector vec;

    public ComboListener(JComboBox cblistener, Vector vec){
    this.cblistener = cblistener;
    this.vec = vec;
    }

    @Override
    public void keyReleased(KeyEvent e){
    String text = ((JTextField)e.getSource()).getText();
    cblistener.setModel(new DefaultComboBoxModel(getFilteredList(text)));
    cblistener.setSelectedIndex(-1);
    ((JTextField)cblistener.getEditor().getEditorComponent()).setText(text);
    cblistener.showPopup();
    }

    public Vector getFilteredList(String text){
    Vector v = new Vector();
    for(int i = 0; i < vec.size(); i++){
    if(vec.get(i).toString().startsWith(text))
    v.add(vec.get(i).toString());
    else if(vec.get(i).toString().startsWith(text.toLowerCase()))
    v.add(vec.get(i).toString());
    else if(vec.get(i).toString().startsWith(text.toUpperCase()))
    v.add(vec.get(i).toString());
    }
    return v;
    }
    }

  2. Lalu buat sebuah form dan desain seperti gambar dibawah ini.
    form combo box pilih nama


    * Item yang ditambahkan tersebut adalah komponen JComboBox.

  3. Sekarang buka tab source dari form yang anda buat, lalu buat sebuah array untuk menampung item combo box diatas. Contohnya sebagai berikut :
    array nama


    Data-data pada array tersebut bisa anda ganti dengan data yang lain, misalnya nim, negara atau yang lainnya.

  4. Kembali ke tab Design, dan edit kode tersebut dengan cara klik kanan pada komponen combo box lalu pilih “Customized Code”.
    customized code


  5. Ubah default code yang paling atas menjadi custom creation.
    custom creation


  6. Ganti new javax.swing.JComboBox(); menjadi new AutoComplete(nama); lalu tekan tombol OK.
    perubahan kelas combo box menjadi autocomplete


  7. Agar tidak mengganggu hapus saja item yang sudah terisi sebelumnya pada combo box.
    hapus item combo box


    combo box setelah dihapus item lama


  8. Selesai, jalankan aplikasi anda.

Project pembuatan aplikasi ini bisa anda unduh langsung disini adf.ly/1fWBpQ
Demikianlah tutorial Cara Membuat Autocomplete di Java. Semoga ada manfaatnya bagi anda dan saya.
Jika ada yang belum dipahami silahkan bertanya di form komentar dibawah. Jika ingin meng-update secara rutin artikel yang kami posting dari blog ini, silahkan isi email pada Follow by Email dibawah.

Terima Kasih … Wassalam
Read More

07 November 2016

Ask Pembuatan Form Sistem Informasi Surat Masuk dan Surat Keluar [Bagian 4.2] AdityaDees

09:42 0
Pembuatan Form Sistem Informasi Surat Masuk dan Surat Keluar [Bagian 4.2]
Bismillah…

Menyambung postingan sebelumnya, ada beberapa form lagi yang akan kita buat untuk melengkapi tampilan Sistem Informasi Surat Masuk dan Surat Keluar. Form-form tersebut diantaranya adalah form surat keluar, instansi, pengguna, main, dan form-form lain sebagai tambahan. Untuk pembaca yang ingin mengikuti tutorial ini, diharapkan sudah membaca beberapa postingan tutorial terkait sebelumnya. 

Perlu diperhatikan bahwa untuk cara desain tampilan aplikasi dalam postingan ini saya tidak akan banyak menguraikannya lagi, karena pada postingan sebelumnya sudah banyak di berikan petunjuk tentang cara menggunakan dan menempatkan masing-masing komponen tersebut. Pada postingan ini saya akan memberikan screenshot dari tampilan yang sudah jadi beserta nama, jenis komponen dan variable name saja.

Baiklah, langsung saja kita mulai tutorial ini dimulai dari pembuatan form pada package surat_keluar :

  1. Pada package surat_keluar, buatkan sebuah kelas dengan jenis komponen JPanel dan beri nama kelas tersebut dengan SkPanel.
    pembuatan kelas SkPanel.java


  2. Kemudian desain tampilan panel SkPanel hingga menjadi seperti gambar dibawah ini.
    tampilan panel SkPanel


    Sesuaikan dengan variabel dibawah, kecuali pada komponen JLabel abaikan saja variable name tersebut.
    Nama
    Jenis Komponen
    Variable Name
    Cari
    JTextField
    t_cari
    Kembali
    JButton
    btn_kembali
    Refresh
    JButton
    btn_refresh
    Tambah
    JButton
    btn_tambah
    Ubah
    JButton
    btn_ubah
    Hapus
    JButton
    btn_hapus


    Masih di package surat_keluar, buatkan lagi sebuah kelas dengan jenis komponen JDialog dan beri nama kelas tersebut dengan SkInput.
    Cara membuat kelas ini sama dengan membuat kelas SmInput sebelumnya untuk input data surat masuk.
    Lalu setelah itu, desain tampilannya sehingga terlihat seperti berikut.
    kelas SkInput.java


    Sesuaikan juga dengan variabel name dibawah ini :
    Nama
    Jenis Komponen
    Keterangan
    No.Surat
    JTextField
    Variable name t_nosk
    Tanggal Surat
    JDateChooser
    Variable name tgl_surat
    Perihal
    JTextArea
    Variable name t_perihal
    Sifat Surat
    JComboBox
    Variable name c_sifat. Kemudian masukkan item (BIASA, RAHASIA, SANGAT RAHASIA, PENTING, KONFIDENSIAL)
    Jumlah Lampiran
    JTextField
    Variable name t_jlhlamp
    Instansi
    JTextField, JButton
    Varible name untuk text adalah t_instansi, sedangkan untuk button adalah btn_instansi.
    File
    JTextField, JButton
    Varible name untuk text adalah t_file, sedangkan untuk button adalah btn_file.
    Surat balasan dari
    JCheckBox, JTextField dan JButton
    Variable name untuk check box adalah c_balasan, text adalah t_nosm dan button adalah btn_bls
    Reset
    JButton
    Variable name btn_reset
    Simpan
    JButton
    Variable name btn_simpan
    Kembali
    JButton
    Variable name btn_kembali


    Setelah selesai membuat form diatas, selanjutnya adalah menambahkan sebuah package baru dengan nama instansi didalam package form. Pada package ini juga sama seperti package-package sebelumnya yaitu berisi 1 panel untuk menampilkan data dan 1 form dialog untuk menginput data.
    pembuatan package instansi
  3. Didalam package instansi tersebut, buatkan kelas dengan nama InstansiPanel. Jenis komponen kelas ini adalah JPanel, kemudian desain InstansiPanel seperti panel-panel sebelumnya yang pernah kita buat menjadi seperti gambar berikut.
    tampilan kelas InstansiPanel.java


    Sesuaikan dengan variabel name berikut.
    Nama
    Jenis Komponen
    Varible Name
    Cari
    JTextField
    t_cari
    Kembali
    JButton
    btn_kembali
    Refresh
    JButton
    btn_refresh
    Tambah
    JButton
    btn_tambah
    Ubah
    JButton
    btn_ubah
    Hapus
    JButton
    btn_hapus


  4. Masih di package yang sama yaitu package instansi, buatkan satu buah kelas lagi yang digunakan untuk menginput data instansi. Jenis komponen dari kelas ini adalah JDialog, dan beri nama kelas dengan InstansiInput. Masukkan komponen-komponen seperti dibawah ini kedalam panel InputData.
    panel input data instansi


    Adapun penjelasan variable name untuk inputan diatas adalah sebagai berikut :
    Nama
    Jenis Komponen
    Keterangan
    Kode Instansi
    JTextField
    Variable name t_kode_instansi
    Nama Instansi
    JTextField
    Variable name t_nama_instansi
    Alamat
    JTextArea
    Variable name t_alamat
    Reset
    JButton
    Variable name btn_reset
    Simpan
    JButton
    Variable name btn_simpan
    Kembali
    JButton
    Variable name btn_kembali


  5. Beralih ke package pengguna, tambahkan sebuah kelas dengan jenis komponen JDialog.
    pembuatan kelas FormPengguna.java


    Beri nama kelas tersebut dengan FormPengguna.
    pembuatan kelas FormPengguna.java


  6. Desain dan masukkan seluruh komponen yang diperlukan kedalam kelas tersebut seperti gambar dibawah ini.
    tampilan form pengguna


    Untuk jenis komponen yang saya lingkari dengan tanda merah, jenis komponennya adalah JScrollPane. Komponen ini digunakan untuk menampung komponen JTable nantinya yang digunakan untuk menampilkan data pengguna yang memiliki akses ke dalam aplikasi.

  7. Setelah selesai membuat FormPengguna diatas, kita beranjak ke package main. Pada package ini buat sebuah kelas dengan jenis komponen JFrame. Kelas ini merupakan kelas utama yang digunakan untuk menampung seluruh komponen yang sudah kita buat sebelumnya.
    pembuatan kelas Main.java


    Kemudian beri nama kelas dari komponen tersebut dengan nama Main.
    pembuatan kelas Main.java
  8. Setelah kelas Main dibuat, selanjutnya drag and drop komponen Menu Bar. Komponen ini digunakan untuk menampung menu-menu yang akan kita masukkan nanti.
    penambahan menu bar pada frame utama


    Ubah nama menu File dan Edit diatas menjadi Master dan Data Surat seperti gambar berikut :
    tampilan menu master dan data surat pada frame utama


    Tambahkan lagi menu Laporan dan Bantuan pada menu bar diatas dengan cara drag and drop komponen Menu.
    penambahan menu baru pada frame main


    Sehingga terlihat seluruh menu yang ada seperti gambar berikut :
    tampilan seluruh menu pada frame main


    Pada menu Data Surat, drag and drop komponen menu item yang berisi menu item Surat Masuk dan menu item Surat Keluar.
    penambahan menu item pada menu data surat


    penambahan menu item pada menu data surat


    Lakukan hal yang sama pada menu Master, masukkan menu item Instansi dan menu item Pengguna.

  9. Untuk menu Laporan dan menu Bantuan, akan kita bahas nanti mengenai apa saja menu item yang perlu ditambah pada menu tersebut.


Untuk pertemuan ini saya rasa cukup sampai disini dulu. Dan pada postingan selanjutnya kita akan memberikan aksi pada masing-masing komponen yang telah dibuat, mulai dari kelas Main.java hingga seluruh form yang telah kita buat sebelumnya.
Jika ada yang kurang jelas dan perlu ditanyakan mengenai tutorial diatas, silahkan bertanya di form komentar dibawah. Dan jangan lupa, yang mau mengikuti tutorial ini via email bisa follow kami melalui menu Follow by Email dibawah dengan memasukkan email anda dan tekan tombol submit

Terima kasih, wassalam…

Baca juga tutorial terkait berikut :
1. Sistem Informasi Pengelolaan Surat Masuk dan Surat Keluar [Bagian 1]
2. Struktur Tabel Sistem Informasi Surat Masuk dan Surat Keluar [Bagian 2]
3. Koneksi Database Sistem Informasi Surat Masuk dan Surat Keluar [Bagian 3]
4. Pembuatan Form Sistem Informasi Surat Masuk dan Surat Keluar [Bagian 4.1] 
5. Pembuatan Form Sistem Informasi Surat Masuk dan Surat Keluar [Bagian 4.2]
6. Action Event Pada Sistem Informasi Surat Masuk dan Surat Keluar [Bagian 5]
Read More

https://payclick.com/

Contact us for advertising.