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

05 November 2016

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

10:27 0
form input data surat masuk
Bismillah…

Pada postingan ini kita telah memasuki bagian ke-empat dari pembuatan Sistem Informasi Surat Masuk dan Surat Keluar. Sebagaimana yang telah saya sampaikan pada postingan sebelum ini, kelanjutan dari tutorial sebelumnya adalah mengenai pembuatan form. Pada pembuatan form ini sebenarnya lumayan banyak bagian-bagiannya. Untuk itu pada tutorial pembuatan form ini akan saya pecahkan menjadi beberapa bagian agar mudah anda ikuti sampai akhir.

Pada bagian pertama ini kita akan membuat form sampai input data pada form surat masuk. Sedangkan untuk form lainnya akan dibahas melalui tutorial-tutorial yang akan datang. Baiklah, langsung saja kita masuki tutorial ini :

  1. Hapus terlebih dahulu kelas Uji.java yang sebelumnya kita buat untuk mengetes koneksi database.
    penghapusan kelas Uji.java


  2. Buat package baru dengan nama form.
    pembuatan package form


  3. Dan pada package form tambahkan lagi package surat_masuk, surat_keluar pengguna dan main.
    penambahan package surat masuk


    Sehingga tampak seluruh package yang ditambah seperti gambar dibawah ini :
    seluruh package form


Setelah selesai membuat seluruh package diatas, selanjutnya kita membuat form pada package surat_masuk terlebih dahulu.

  1. Arahkan kursor pada package surat_masuk, dan tambahkan sebuah kelas baru dengan komponen Panel dan berikan nama kelas dengan nama SmPanel.
    penambahan kelas SmPanel.java


    penambahan kelas SmPanel.java


  2. Kemudian pada panel tersebut tambahkan sebuah komponen panel baru.
    penambahan komponen panel didalam panel SmPanel


    Drag and drop panel tersebut pada panel SmPanel.
    penempatan komponen panel didalam panel SmPanel


    Kemudian tarik panel yang baru ditambahkan tadi sehingga memenuhi panel dibelakangnya seperti berikut ini :
    penempatan komponen panel didalam panel SmPanel


    Tambahkan sebuah border, kemudian isi title dengan “Surat Masuk” dan sesuaikan atribut lainnya seperti gambar dibawah lalu tekan tombol OK.
    penambahan border pada panel


  3. Kemudian tambahkan panel lagi untuk membuat menu pencarian data pada tabel data.
    penambahan panel pencarian


    Tambahkan komponen-komponen pada panel pencarian seperti gambar berikut :
    penambahan komponen pada panel pencarian


    Untuk komponen text, ubah variable name dengan nama t_cari agar nanti mudah pada saat kita memasukkan kode program pada komponen tersebut. Untuk merubah variabel klik kanan pada komponen, lalu pilih change variable, dan masukkan New Name dengan t_cari kemudian tekan tombol OK.
    merubah nama variabel


    merubah nama variabel


  4. Dan tambahkan komponen JScrollPane untuk selanjutnya menampung data pada tabel yang diambil dari database.
    penambahan komponen JScrollPane


    penambahan komponen JScrollPane


  5. Tambahkan lagi panel disebelah kiri untuk menempatkan menu-menu yang terdapat pada halaman SmPanel.
    penambahan panel menu pada panel SmPanel


  6. Pada panel menu, tambahkan tombol (Kembali, Refresh, Tambah, Ubah dan Hapus).
    penambahan tombol pada panel menu


    Ubah variable name dengan btn_kembali dan ganti tulisan jButton1 dengan Kembali.
    edit text button kembali


    hasil edit text button kembali


  7. Kemudian tambahkan tombol-tombol selebihnya seperti cara diatas.
    panel SmPanel setelah ditambahkan seluruh komponen


    Sesuaikan nama tombol dengan variable name berikut :
    Nama Tombol
    Variable Name
    Kembali
    btn_kembali
    Refresh
    btn_refresh
    Tambah
    btn_tambah
    Ubah
    btn_ubah
    Hapus
    btn_hapus


Setelah selesai menambahkan seluruh komponen pada panel SmPanel. Selanjutnya adalah membuat kelas baru yang digunakan untuk menginput data surat masuk pada package surat_masuk. Berikut adalah langkah-langkah pembuatan kelas tersebut :

  1. Pada package surat_masuk tambahkan kelas dengan jenis komponen JDialog, lalu beri nama kelas dengan nama SmInput.
    penambahan form input data surat masuk


    penambahan form input data surat masuk


  2. Lalu lakukan seperti pada kelas SmPanel.java dengan menambahkan border terlebih dahulu.
    penambahan border pada panel Input Data


  3. Kemudian desain dan masukkan seluruh komponen berikut ke panel Input Data.
    panel Input Data setelah dimasukkan seluruh komponen


    Berikut rincian komponen untuk panel Input Data diatas :
    Nama Komponen
    Jenis Komponen
    Keterangan
    No.Surat
    JTextField
    Variable name t_nosm.
    Tanggal Surat
    JDateChooser
    Variable name tgl_surat.
    Tanggal diterima
    JDateChooser
    Variable name tgl_diterima.
    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.
    Reset
    JButton
    Variable name btn_reset
    Simpan
    JButton
    Variable name btn_simpan
    Kembali
    JButton
    Variable name btn_kembali

Untuk pembuatan form pada bagian pertama ini saya rasa cukup sampai disini. Karena kalau terlalu banyak sekaligus dalam satu postingan akan membuat anda bingung mengikutinya nanti, hehehehe..
Baiklah, jika ada pertanyaan mengenai tutorial diatas, silahkan bertanya di form komentar dibawah ya. Dan jangan lupa, yang belum mengikuti kami via email bisa mengikuti dan update terus artikel dari blog ini 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

04 November 2016

Ask Menambahkan Komponen JCalender Pada Netbeans AdityaDees

23:51 0
Bismillah…

Salah satu komponen yang sering kita gunakan pada pembuatan aplikasi adalah komponen tanggal. Untuk menginput tanggal sebenarnya juga bisa dilakukan melalui text field biasa, akan tetapi ini akan mengurangi istilah user friendly itu sendiri dari aplikasi yang anda buat. Untuk itu perlu penambahan komponen khusus pada tanggal agar proses penginputan bisa memudahkan pengguna.

Pada aplikasi java sendiri, untuk mengisi inputan tanggal terdapat sebuah komponen tambahan dari sebuah library bernama JCalendar. Komponen ini bisa diunduh melalui link ini. Selanjutnya untuk memasukkan komponen tersebut ke bagian palette di netbeans, caranya adalah sebagai berikut :

  1. Klik kanan pada tab palette sehingga muncul pop up menu seperti gambar dibawah ini, dan pilih menu item Palette Manager.
    menu item palette netbeans


  2. Tambahkan kategori baru dengan menekan tombol New Category.
    menu palette manager netbeans


  3. Isi dengan kategori baru dengan nama “Calendar” misalnya, lalu tekan OK.
    penambahan kategori palette baru


  4. Tekan tombol Add from JAR.
    penambahan library baru untuk palette manager


  5. Kemudian cari file jcalendar yang anda unduh tadi, lalu tekan tombol next.
    pemilihan library jcalendar


  6. Lalu seleksi seluruh komponen yang terdapat pada library tersebut dan tekan tombol next.
    penambahan komponen jcalendar


  7. Lalu pilih Palette Categories dengan kategori yang baru anda buat tadi, dan tekan tombol Finish.
    pemilihan kategori palette


  8. Sehingga terlihat komponen yang baru ditambahkan tadi berada pada kategori Calendar. Selanjutnya tekan tombol close untuk keluar dari form tersebut.
    komponen baru jcalendar


  9. Tampak komponen dari library JCalendar berada di bagian palette netbeans anda.
    komponen barru terlihat pada palette netbeans


  10. Untuk penggunaan komponen tersebut sama halnya dengan komponen lain yakni dengan drag and drop pada layout aplikasi anda.

Demikian tutorial Menambahkan Komponen JCalender Pada Netbeans. Semoga ada manfaatnya untuk anda dan saya. Jika ada yang perlu ditanyakan mengenai tutorial ini, silahkan bertanya pada form komentar dibawah. Dan jika ingin meng-update terus artikel dari blog ini, anda bisa mengikuti kami melalui form isian Follow by Email dibawah.

Wassalam…
Read More

30 October 2016

Ask Membuat Halaman Login Pada Aplikasi Java AdityaDees

21:12 0
login form
Bismillah…

Sebuah aplikasi yang baik tentu memiliki tingkat keamanan yang tinggi. Tahapan paling awal dalam memberikan keamanan pada sebuah aplikasi adalah dengan membuatkan halaman autentikasi pengguna, atau yang kita kenal dengan halaman login pengguna. Pada halaman ini pengguna diminta terlebih dahulu untuk memasukkan username dan password sebelum menggunakan aplikasi. Dengan adanya halaman ini, akses sebuah aplikasi hanya bisa dibuka dan digunakan oleh seseorang yang mengetahui id tersebut.

Pengguna pada sebuah aplikasi sangat bervariasi, tergantung dari siapa saja nantinya yang akan menggunakan aplikasi itu. Misalkan sebuah sistem informasi akademik, pengguna dari sistem ini diantaranya adalah administrator, dosen, bagian baak, mahasiswa dan sebagainya.

Pada kesempatan ini saya akan memberikan tutorial bagaimana membuat sebuah halaman login pengguna sederhana pada aplikasi java, dengan MySQL sebagai database.
Langsung saja kita masuki langkah-langkah pembuatannya sebagai berikut :

  1. Buat database terlebih dahulu, atau jika sudah memiliki database tambahkan tabel pengguna seperti berikut ini :
    tabel pengguna

    Untuk struktur tabel bisa anda unduh disini

  2. Jika sudah selesai membuat tabel pengguna, buka Netbeans anda. Jika ingin menambahkan login pada aplikasi yang sebelumnya sudah anda buat, maka tak perlu lagi membuat project baru, namun jika ingin mengikuti tutorial ini sebaiknya buatlah project baru.

  3. Jangan lupa menambahkan driver mysql-connector untuk koneksi database. Jika belum memiliki driver mysql-connector, bisa anda diunduh disini.

  4. Jika driver tersebut sudah tersedia, tambahkan kedalam library aplikasi anda. Untuk menambahkan driver caranya adalah sebagai berikut:
    • Klik kanan pada project anda, lalu pilih “Add JAR/Folder”.
      penambahan library baru

    • Kemudian cari driver mysql-connector, dan pilih “Open”.
      penambahan library driver mysql connector


  5. Buat file untuk koneksi database. Jika sudah memilikinya lewati saja langkah ini, namun jika belum berikut adalah caranya :
    • Buat file baru, kemudian masukkan nama kelas dengan “Connect” seperti gambar berikut:
      pembuatan kelas Connect.java


    • Masukkan kode dibawah ini kedalam file “Connect.java”.

      public class Connect {
      public static Connection getConnection(){
      Connection con=null;
      try{
      Class.forName("com.mysql.jdbc.Driver");
      con=DriverManager.getConnection("jdbc:mysql://localhost:3306/siakad_tes","root","password");
      }
      catch(ClassNotFoundException | SQLException e){
      e.printStackTrace();
      }
      return con;
      }
      }

    • Perlu diperhatikan pada bagian ("jdbc:mysql://localhost:3306/siakad_tes","root","password").
      siakad_tes merupakan nama database anda.
      root adalah username untuk pengguna yang ada di database, dan
      password adalah password database dari username yang anda masukkan sebelumnya. Untuk username dan password standard mysql adalah “root” dengan password kosong.

  6. Buat file baru dengan komponen JFrame, dan masukkan nama kelas dengan nama “Main”.

    pembuatan frame Main.java

    pembuatan frame Main.java


  7. Buat file baru dengan komponen JDialog, masukkan nama kelas dengan nama “Login
    pembuatan halaman Login.java

    pembuatan halaman Login.java

  8. Buka file Main.java dan edit kode pada bagian berikut :

    public static void main(String args[]) {
    java.awt.EventQueue.invokeLater(new Runnable() {
    public void run() {
    new Main().setVisible(true);
    }
    });
    }

    diganti dengan

    public static void main(String args[]) {
    java.awt.EventQueue.invokeLater(new Runnable() {
    public void run() {
    new Login(null, true).setVisible(true);
    }
    });
    }


  9. Buka file Login.java, edit tampilan sehingga menjadi kira-kira seperti ini:
    form Login.java


  10. Kemudian pada bagian source program, tambahkan kode berikut :

    private static String user=null;
    private static String pass=null;
    private static int Id;
    private Connection con;
    public Main main;

    public Login(java.awt.Frame parent, boolean modal) {
    super(parent, modal);
    setAlwaysOnTop(true);
    initComponents();
    setLocationRelativeTo(null);
    tampil_info_pengguna();
    main=new Main();
    setVisible(true);
    }

    public void tampil_info_pengguna(){
    String sql="select id_pengguna, username, password, nama_lengkap from pengguna where username='"+tusername.getText()+"' "+ "and password='"+tpassword.getText()+"'";

    try{
    Class.forName("com.mysql.jdbc.Driver");
    con=Connect.getConnection();
    Statement st=con.createStatement();
    PreparedStatement pr=con.prepareStatement(sql);
    ResultSet rs=st.executeQuery(sql);
    while(rs.next()){
    setId(rs.getInt(1));
    setUsername(rs.getString(2));
    setPassword(rs.getString(3));
    System.out.println(rs.getString(1));
    }
    }
    catch(ClassNotFoundException | SQLException ex){
    System.out.println(ex);
    }
    }

    public void login(){
    String us=tusername.getText();
    String ps=tpassword.getText();
    tampil_info_pengguna();
    dispose();
    setAlwaysOnTop(true);
    if(us.equals(getUsername())&&(ps.equals(getPassword()))){
    JOptionPane.showMessageDialog(null, "Login Berhasil", "Sukses", JOptionPane.INFORMATION_MESSAGE);
    main.setVisible(true);
    setAlwaysOnTop(false);
    dispose();
    }

    else{
    tusername.setBackground(Color.red);
    tpassword.setBackground(Color.red);
    JOptionPane.showMessageDialog(null, "Username atau Password yang anda masukkan salah","Error",JOptionPane.ERROR_MESSAGE);
    setVisible(true);
    }
    }

    private void setId(int idx) {
    Id=idx;
    }

    private void setUsername(String userx) {
    user=userx;
    }

    private void setPassword(String passwordx) {
    pass=passwordx;
    }

    public static int getId(){
    return Id;
    }

    public static String getUsername(){
    return user;
    }

    public static String getPassword(){
    return pass;
    }


  11. Buka kembali tampilan Login.java, kemudian double klik pada tombol Masuk.
    form Login.java


  12. Kemudian panggil method login() yang sudah kita masukkan sebelumnya.

    private void btn_masukActionPerformed(java.awt.event.ActionEvent evt) {
    login();
    }


  13. Dan pada tombol Batal double klik seperti tombol Masuk sebelumnya, dan masukkan kode seperti berikut :

    private void btn_batalActionPerformed(java.awt.event.ActionEvent evt) {
    System.exit(0);
    }


  14. Jalankan aplikasi anda, maka akan terlihat seperti gambar dibawah ini :
    form Login.java


  15. Masukkan username dan password, jika menggunakan isi tabel yang diunduh diatas, maka username adalah “admin” dan password-nya juga “admin”.


  16. Selesai
Demikianlah tutorial Membuat Halaman Login Pada Aplikasi Java, jika kiranya kurang mengerti bisa ditanyakan melalui form komentar dibawah postingan ini.
Untuk Source code seluruhnya bisa anda diunduh di sini.

Wassalam...
Read More

https://payclick.com/

Contact us for advertising.