by Abu Zubayr

Action Event Pada Sistem Informasi Surat Masuk dan Surat Keluar [Bagian 5]

Action Event Pada Sistem Informasi Surat Masuk dan Surat Keluar
Bismillah…

Pada saat menggunakan aplikasi kita tentu tahu bahwa komponen berupa tombol, menu atau komponen lainnya yang terdapat pada sebuah aplikasi memiliki fungsinya masing-masing. Fungsi tersebut tentulah ditentukan oleh keinginan si programmer itu sendiri. Seperti pada saat tombol simpan di tekan maka akan menyimpan data misalnya, atau saat menu A di klik akan membuka sebuah form baru, dan lain sebagainya. Hal semacam ini dalam dunia pemrograman dikenal dengan istilah action event.

Pada java sendiri untuk menangani sebuah kejadian (Event Handling) terdapat dua buah package, yaitu AWT (Abstract Windowing Toolkit) dan SWING. Untuk menggunakan event dari AWT kita bisa mengimport melalui “java.awt.event” sedangkan SWING melalui package “javax.swing.event”. Kedua event diatas tentu memiliki perbedaan. Namun pada tutorial ini saya tidak menjelaskan perbedaan tersebut. Pembahasan mengenai AWT dan SWING agak sedikit panjang jika diuraikan, dan membutuhkan bahasan tersendiri.

Pada tutorial ini kita akan mempelajari cara memberikan aksi pada masing-masing komponen yang telah dibuat. Saya berharap anda sudah mengikuti tutorial-tutorial sebelumnya, karena tutorial ini saling berkaitan satu dengan yang lainnya. Untuk itu, ikuti dan pelajari tutorial tentang pembuatan Sistem Informasi Surat Masuk dan Surat Keluar ini dimulai dari bagian pertama.
Berikut adalah tutorial Action Event Pada Sistem Informasi Surat Masuk dan Surat Keluar.

  1. Buka kelas Main.java yang berada pada package form.main. Kemudian tambahkan sebuah panel baru pada kelas tersebut dan ubah variable name dengan panel_home.
    form panel home


    rename variable name panel home


    Tarik panel hingga memenuhi ruang pada kelas Main.java. Kemudian ubah layout panel tersebut dengan BorderLayout dengan cara klik kanan pada panel_home lalu “Set Layout → Border Layout”.
    set border layout panel home


  2. Buka kelas SmPanel.java, dan buka tab source lalu masukkan kode dibawah.
    penambahan panel parent pada kelas SmPanel.java


    Guna panel_parent adalah untuk memasukkan kelas SmPanel kedalam panel_home yang kita buat pada kelas Main.java sebelumnya.
    Kemudian selanjutnya buka tab Design pada kelas SmPanel dan double klik pada tombol Kembali.
    pemberian action event pada tombol kembali SmPanel.java


    Selanjutnya masukkan kode action event berikut pada tombol Kembali.
    kode action event pada tombol kembali kelas SmPanel.java


    Kode diatas maksudnya adalah apabila komponen panel_parent terisi dengan komponen lain, maka hapus seluruh komponen yang ada pada panel_parent, kemudian repaint panel_parent agar komponen tersebut segera ter-update tampilannya.

  3. Buka kembali kelas Main.java. Kemudian double klik pada menu item Surat Masuk.
    pemberian action event pada menu item Surat Masuk


    Selanjutnya masukkan action event pada menu item Surat Masuk dengan kode dibawah ini.
    kode action event menu item Surat Masuk


  4. Untuk melihat hasil yang telah dibuat, run kelas Main.java. Kira-kira hasilnya seperti berikut.
    tampilan awal form Main.java sesudah pemberian aksi pada menu item Surat Masuk


    Untuk otomatis memperbesar tampilan, maka kita perlu menambahkan kode berikut ini pada kelas Main.java.
    mengubah ukuran form Main agar menyesuaikan ukuran layar monitor


    Lalu pada bagian tab Design, klik kanan panel_home dan pilih “Design This Container”.
    design this container panel home


    Klik kanan lagi pada panel selanjutnya, dan pilih “Design Parent → Top Parent”.
    design top parent panel home


    Selanjutnya lihat pada bagian “[JFrame] – Properties”, scroll kebawah dan cari “preperedSize”.
    JFrame properties


    Tekan tombol browse disebelah kanan, dan ubah “Default Editor” menjadi “Custom Code” lalu masukkan variabel “size” didalam parameter setPreperredSize. Tekan OK untuk menyimpan.
    preperred size properties


  5. Jalankan kembali program anda, maka tampilan frame utama akan menyesuaikan ukuran layar monitor anda.
    frame Main.java sesudah di setting preperred size


  6. Lalu buka menu item Surat Masuk yang sebelumnya sudah anda berikan action event. Cek apakah action event tersebut berjalan normal atau tidak. Jika berjalan normal, maka pada saat menu item tersebut di klik akan memunculkan panel baru yaitu panel SmPanel. Tapi jika tidak muncul, maka anda perlu mengecek kembali kode yang dimasukkan tadi pada kelas Main.java.
    tampilan panel Surat Masuk


    Kemudian cek juga action event pada tombol Kembali. Jika pada saat tombol tersebut ditekan dan kembali ke form awal, maka aksi yang ditambahkan sudah benar.

  7. Lakukan langkah yang sama untuk kelas SkPanel dan InstansiPanel dimulai dari langkah yang kedua. Yang perlu diubah adalah pada bagian ini saja.
    pengulangan langkah kedua aksi pada menu item


    Pada bagian yang ditandai diatas diganti dengan SkPanel pada saat anda memberikan aksi pada menu item Surat Keluar. Kemudian pada untuk instansi ganti kode SmPanel dengan kode InstansiPanel pada saat memberikan aksi pada menu item Instansi.

Setelah seluruh panel diatas diberikan action event, selanjutnya adalah memberikan action event pada form pengguna. Berikut adalah langkah-langkahnya.
  1. Buka kelas Main.java. Pada bagian Design, double klik menu item Pengguna.
    pemberian aksi pada menu item pengguna


  2. Lalu masukkan kode aksi berikut ini pada menu item tersebut.
    kode aksi pada menu item pengguna


    Source code diatas digunakan untuk menampilkan kelas FormPengguna.

  3. Kemudian selanjutnya buka FormPengguna.java, lalu pada tab source masukkan kode ini.
    kode penempatan form pengguna


    Kode yang ditandai diatas adalah untuk menempatkan FormPengguna tepat ditengah-tengah layar pada saat dibuka.

  4. Hapus bagian kode ini jika terdapat pada FormPengguna yang anda buat.
    penghapusan method main pada kelas FormPengguna.java


  5. Pada tab Design, double klik pada tombol Kembali dan masukkan kode berikut.
    pemberian aksi keluar pada tombol Kembali


  6. Jalankan kembali aplikasi, dan cek apakah seluruh aksi yang dimasukkan sebelumnya berjalan nornal atau tidak.

Untuk tutorial ini saya rasa cukup sampai disini dulu. Pada postingan selanjutnya kita akan menghubungkan database dengan interface yang telah dibuat, dan sekaligus memberikan aksi CRUD (Create, Read, Update and Delete).
Jika ada pertanyaan dari tutorial ini, silahkan untuk bertanya di kolom komentar dibawah. Kemudian jika ingin meng-update secara rutin artikel yang saya posting dari blog ini, bisa mengisi email pada Follow by Email dibawah.

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]
loading...
Share:

5 comments:

  1. belum ada tutorial selanjutnya ya pak

    ReplyDelete
    Replies
    1. Belum sempat bikinya mas...
      Hehehe

      Delete
    2. Pak ada kontak person gak.. Kayae q minat pak mempelajari program ini

      Delete
  2. Saya sdh mengikuti. Tutorial ini ada kelanjutannya gak pak?

    ReplyDelete

DigitalOcean Referral Badge
www.domainesia.com
Powered by Blogger.